javascript中字符串(String)对象及处理字符串的方法

    xiaoxiao2022-06-26  120

    1.字符串的属性 length 的介绍: 在JavaScript 中,对于字符串来说,要掌握的属性就只有一个,那就是 length 属性.我们可以通过 length属性来获取字符串的长度. 语法:字符串名称.length 说明:length 属性很简单,但是在字符串操作中经常要用到,这个大家一定 要记住.

    <script type="text/javascript"> //length属性介绍 var str1='Html css javascript'; document.write(str1.length);//输出结果为19 </script>

    2.处理字符串方法的介绍 (1) Match()方法的介绍:使用 match()方法可以从字符串内索引指定的值.(1) Match()方法的介绍:使用 match()方法可以从字符串内索引指定的值. 语法格式: stringObject.match(字符串) //匹配字符串; stringObject.match(正则表达式) //匹配正则表达式 stringObject 指的是字符串对象。 match()方法类似于 indexOf()方法, 但是它返回的是指定的值,而不是字符串的位置。

    <script type="text/javascript"> //(1)match()通过此方法输出字符串中指定的值 var str1='Html css javascript' document.write(str1.match('Html'));//Html document.write(str1.match('html'));//null值,当指定的值不存在时输出null. </script>

    (2) Search()方法的介绍:search() 方法用于检索字符串中指定的子字符串. 语法格式: stringObject.search(字符串) //检索字符串; stringObject.search(正则表达式) //检索正则表达式 stringObject 指的是字符串对象。search()方法返回的是子字符串的起 始位置,如果没有找到任何匹配的子串,则返回-1。

    <script type="text/javascript"> var str2='I Love javascript'; document.write(str2.search('love'));//输出值为-1,在字符串中检索的字符串不存在则返回-1 document.write(str2.search('Love'));//输出值为2,返回在字符串中的索引位置是以子字符串的首个字符的索引输出 </script>

    (3) IndexOf()方法介绍:返回在字符串中元素第一次出现的索引位置. 语法格式::stringObject.indexOf(字符串) stringObject 表示字符串对象。indexOf()方法跟 search()方法差不多, 跟 match()方法类似, 不同的是 indexOf()方法返回的是字符串的位置,而 match()方法返回的是指定的字符串。

    <script type="text/javascript"> //(3) IndexOf()返回在字符串中元素第一次出现的索引位置 var str2='I Love javascript'; document.write(str2.indexOf('a','0'));//输出值为8 document.write(str2.indexOf('a','19'));//输出值为-1,表示没有 </script>

    (4) Replace()方法介绍:在字符串中用一些字符串替换另一些字符串. 语法格式: stringObject.replace(原字符,替换字符) stringObject.replace(正则表达式,替换字符) //匹配正则表达式

    <script type="text/javascript"> //(4)Replace():在字符串中用一些字符串替换另一些字符串. var str2='I Love javascript'; document.write(str2.replace('Love','like'));//输出结果为I like javascript </script>

    (5) CharAt(n)方法的介绍:用来获取字符串中某一个字符,n表示的是字符串中字符的下标. 语法格式::stringObject.charAt(n);

    <script type="text/javascript"> var str3='what are you 弄啥嘞'; document.write(str3.charAt(4));//输出空格 document.write(str3.charAt(5));//输出a document.write(str3);//输出字符串 </script>

    问题: 将每一个字符放置到一个数组中?

    <script type="text/javascript"> var str3='what are you 弄啥嘞'; var strstring=new Array(); for (var i=0;i<str3.length;i++) { strstring[i]=str3.charAt(i); } //遍历数组 for (var i=0;i<strstring.length;i++) { document.write(strstring[i]); } </script>

    问题:按字符串的每一个字符输出?

    <script type="text/javascript"> var str3='what are you 弄啥嘞'; for(var i=0;i<str3.length;i++){ document.write(str3.charAt(i)); } </script>

    (6) 字符串大小写转换:使用 toLowerCase()小写和 toUpperCase()大写这两种方法来转化 字符串的大小写。 语法格式: 字符串名. toLowerCase() //将大写字符串转换为小写字符串 字符串名. toUpperCase() //将小写字符串转换为大写字符串 注意:选择的时候必须选择的是整个的字符串

    <script type="text/javascript"> var str4='I have a Dream'; //转换为大写 document.write(str4.toUpperCase());//输出结果为I HAVE A DREAM //转换为小写 document.write(str4.toLowerCase());//输出结果为i have a dream </script>

    (7)concat() 连接字符串: 语法格式: 字符串 1.concat(字符串 2,字符串 3,…,字符串 n);

    <script type="text/javascript"> var str5='I like red'; var str6=str5.concat('and yellow.....','you too'); document.write(str6);//输出结果为I like redand yellow.....you too </script>

    (8)localecompare()用来比较两个字符串,返回一个数字 语法格式::字符串 .localeCompare(字符串 2) ; 说明:比较完成后,返回值是一个数字 (1)如果字符串 1 小于字符串 2,则返回小于 0 的数字; (2)如果字符串 1 大于字符串 2,则返回数字 1; (3)如果字符串 1 等于字符串 2,则返回数字 0;

    <script type="text/javascript"> var str1= "E"; var str2= "a"; var str3 = str1.localeCompare(str2); document.write(str3); </script>

    (9) 分割字符串 split()方法:使用 split()方法把一个字符串分割成字符串数组 语法格式:字符串.split(分隔符); 分割符可以是一个字符、多个字符或一个正则表达式。分割符并不作为返回数 组元素的一部分。

    <script type="text/javascript"> var str9='I love javascript'; var arr_01=str9.split('a');//分隔符为字符串中的字符 document.write(arr_01);//输出结果为I love j,v,script </script>

    (10)substring()从字符串中截取字符串 语法格式:字符串.substring(开始位置,结束位置) 注意:包含开始位置不包含结束位置 说明::开始位置是一个非负的整数,表示从哪个位置开始截取.结束位置也是一个非负的整数,表示在哪里结束截取.

    <script type="text/javascript"> var str10='I love javascript'; document.write(str10.substring(2,5));//输出结果为lov </script>

    问题: substring()和substr()之间的区别?

    <script type="text/javascript"> var str10='Ilovejavascript'; document.write(str10.substring(2,5));//输出结果为ove </script> <script type="text/javascript"> var str10='Ilovejavascript'; document.write(str10.substr(2,5));//输出结果为oveja </script>

    substr返回一个从指定位置开始的指定长度的子字符串,第一个值为指定开始位置,第二个值为指定长度. substring第一个参数指定的开始位置,第二个值截取字符串最终下标(索引).


    最新回复(0)