JS中字符串的常用属性

1、.length:可返回数组中元素的数目

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.length);    //输出str的长度,结果为 6
    
    str.length = 5;
    console.log(str);    //str不变,结果为 abcdef
</script>

 2、.charAt(index):可返回指定索引位置的字符,若超出索引,结果为空
       index:表示字符串中某个位置的数字,即字符在字符串中的下标。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.charAt(1));    //输出字符串中第二个位置的字符,结果为 b

    console.log(str.charAt(9));    //选定位置超出字符串的长度-1,结果为 空
</script>

3、.fromCharCode(numX,numX,...,numX):返回的是ASCII码对应的值
       numX:一个或多个ASCII码值。

<script type="text/javascript">
    console.log(String.fromCharCode(97,98,99));    //结果为 abc
</script>

4、.concat(strX,strX,...,strX):用于连接多个字符串,并返回字符串拼接之后的结果
       strX:该参数可以是具体的值,也可以是字符串对象。可以是任意多个。

<script type="text/javascript">
    var str = "abc";
    console.log(str.concat("def"));     //返回拼接后的字符串,结果为 abcdef
    console.log(str);    //str并不会改变,结果为 abc

    var str1 = "xyz";
    var str2 = "123";
    console.log(str.concat(str1,str2)); //返回三个字符串拼接后的结果,为 abcxyz123
</script>

5、.indexOf(searchValue, fromIndex):返回某个字符串在字符串中首次出现的位置,没找到则返回-1
       searchValue:需检索的字符串值。
       fromIndex:在字符串中开始检索的位置。若省略该参数,则将从字符串的首字符开始检索。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.indexOf("bc"));    //没有选择起始检测位置,则默认为从头开始检测,结果为 1

    console.log(str.indexOf("d",1));   //从字符串第二个位置开始查找,返回值仍是从字符串的头部开始数,所以结果为 3
    
    console.log(str.indexOf("gh")):    //gh不在字符串中,故查找不到,返回值为 -1
</script>

6、.lastIndexOf(searchValue, fromIndex):在一个字符串中的指定位置从后向前搜索某个字符串,没找到则返回-1
       searchValue:需检索的字符串值。
       fromIndex:在字符串中开始检索的位置。若省略该参数,则将从字符串的最后一个字符开始检索。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.lastIndexOf("bc")); //结果为 1

    console.log(str.indexOf("gh"));     //结果为 -1
</script>

7、.replace(str1, str2):在字符串中用一些字符替换另一些字符
       str1:要被替换的字符串。
       str2:要替换str1的字符串。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.replace("bc", "xy"));    //结果为 axydef
    console.log(str);    //str不会改变,仍为 abcdef

    console.log(str.replace("bcg", "xy"));   //查找不到bcg,故不会发生替换,结果为 abcdef
</script>

8、.slice(startIndex, endIndex):从开始索引的位置提取,到结束索引的前一个位置终止,并返回这个提取后的字符串
       startIndex:提取字符串的起始位置。
       endIndex:提取字符串的结束位置。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.slice(2));    //结果为 cdef
    console.log(str.slice(2, 4)); //结果为 cd
</script>

9、.split(separator, howmany):一个字符串分割成字符串数组
       separator:从该参数指定的地方分割字符串。
       howmany:切割后留下的个数。

<script type="text/javascript">
    var str = "Hello World!";
    console.log(str.split(" "));     //结果为 ["Hello","World!"]
    console.log(str.split(" ", 1));  //结果为 ["Hello"]
</script>

10、.substr(start, length):可在字符串中抽取从 start 下标开始的指定数目的字符

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.substr(3));    //结果为 def
    console.log(str.substr(3, 2)); //结果为 de
</script>

11、.substring(startIndex, endIndex):返回截取后的字符串,不包含结束的索引的字符串

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.substring(3));    //结果为 def
    console.log(str.substring(3, 4)); //结果为 d
</script>

12、.toLoacleLowerCase():把字符串转换为小写

<script type="text/javascript">
    var str = "ABC";
    console.log(str.toLocaleLowerCase());    //结果为 abc
</script>

13、.toLowerCase():把字符串转换为小写

<script type="text/javascript">
    var str = "ABC";
    console.log(str.toLowerCase());    //结果为 abc
</script>

14、.toLocaleUpperCase():把字符串转换为大写

<script type="text/javascript">
    var str = "abc";
    console.log(str.toLocaleUpperCase());    //结果为 ABC 
</script>

15、.toUpperCase():把字符串转换为大写

<script type="text/javascript">
    var str = "abc";
    console.log(str.toUpperCase());    //结果为 ABC
</script>

16、.trim():去掉字符串两端的空格

<script type="text/javascript">
    var str = "  abc  ";
    console.log(str.trim());    //结果为 abc
</script>

 

  • 9
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值