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>
发布了16 篇原创文章 · 获赞 69 · 访问量 7613

猜你喜欢

转载自blog.csdn.net/suiyu_eran/article/details/88331681