400-650-7353
您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】String对象(上)

【Web前端基础知识】String对象(上)

  • 发布: 优就业it培训
  • 来源:
  • 2022-08-03 16:25:02
  • 阅读()
  • 分享
  • 手机端入口

String对象是 JavaScript 原生提供的三个包装对象之一,用来生成字符串对象。

  1. var s1 = 'abc'
  2.  
  3. var s2 = new String('abc'); 
  4.  
  5. typeof s1 // "string" 
  6.  
  7. typeof s2 // "object" 
  8.  
  9. s2.valueOf() // "abc" 

上面代码中,变量s1是字符串(通过字面量形式创建),s2是对象(通过构造函数形式创建)。由于s2是字符串对象,s2.valueOf方法返回的就是它所对应的原始字符串。

除了用作构造函数,String对象还可以当作工具方法使用,将任意类型的值转为字符串。

  1. String(true// "true" 
  2.  
  3. String(5) // "5" 

上面代码将布尔值true和数值5,分别转换为字符串。

实例属性:String.prototype.length

字符串实例的length属性返回字符串的长度。

  1. 'abc'.length // 3 

实例方法

String.prototype.charAt()

charAt方法返回指定位置的字符,参数是从0开始编号的位置。

  1. var s = new String('abc'); 
  2.  
  3. s.charAt(1) // "b" 
  4.  
  5. s.charAt(s.length - 1) // "c" 

这个方法完全可以用数组下标替代。

  1. 'abc'.charAt(1) // "b" 
  2.  
  3. 'abc'[1] // "b" 

如果参数为负数,或大于等于字符串的长度,charAt返回空字符串。

  1. 'abc'.charAt(-1) // "" 
  2.  
  3. 'abc'.charAt(3) // "" 

String.prototype.charCodeAt()

charCodeAt()方法返回字符串指定位置的 Unicode 码点(十进制表示)。

  1. 'abc'.charCodeAt(1) // 98 

上面代码中,abc的1号位置的字符是b,它的 Unicode 码点是98。

如果没有任何参数,charCodeAt返回首字符的 Unicode 码点。

  1. 'abc'.charCodeAt() // 97 

如果参数为负数,或大于等于字符串的长度,charCodeAt返回NaN。

  1. 'abc'.charCodeAt(-1) // NaN 
  2.  
  3. 'abc'.charCodeAt(4) // NaN 

String.prototype.concat()

concat方法用于连接两个字符串,返回一个新字符串,不改变原字符串。

  1. var s1 = 'abc'
  2.  
  3. var s2 = 'def'
  4.  
  5. s1.concat(s2) // "abcdef" 
  6.  
  7. s1 // "abc" 

该方法可以接受多个参数。

  1. 'a'.concat('b''c'// "abc" 

如果参数不是字符串,concat方法会将其先转为字符串,然后再连接。

  1. var one = 1; 
  2.  
  3. var two = 2; 
  4.  
  5. var three = '3'
  6.  
  7. ''.concat(one, two, three) // "123" 
  8.  
  9. one + two + three // "33" 

在上面代码中,concat方法将参数先转成字符串再连接,所以返回的是一个三个字符的字符串。作为对比,加号运算符在两个运算数都是数值时,不会转换类型,所以返回的是一个两个字符的字符串。

String.prototype.slice()

slice方法用于从原字符串取出子字符串并返回,不改变原字符串。它的第一个参数是子字符串的开始位置,第二个参数是子字符串的结束位置(不含该位置)。

  1. 'JavaScript'.slice(0, 4) // "Java" 

如果省略第二个参数,则表示子字符串一直到原字符串结束。

  1. 'JavaScript'.slice(4) // "Script" 

如果参数是负值,表示从结尾开始倒数计算的位置,即该负值加上字符串长度。

  1. 'JavaScript'.slice(-6) // "Script" 
  2.  
  3. 'JavaScript'.slice(0, -6) // "Java" 
  4.  
  5. 'JavaScript'.slice(-2, -1) // "p" 

如果第一个参数大于第二个参数,slice方法返回一个空字符串。

  1. 'JavaScript'.slice(2, 1) // "" 

 

文章“【Web前端基础知识】String对象(上)”已帮助

更多内容

>>本文地址:http://www.ujiuye.com/zhuanye/2022/72192.html

THE END  

声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

领取零基础自学IT资源

(内含学习路线+视频教程+项目源码)

涉及Java、Web前端、UI设计、软件测试、Python等多个IT热门方向

打开微信扫一扫即可领取哦~

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 

快速通道fast track

近期开班时间TIME