JavaScript 字符串（String）对象

String 对象用于处理已有的字符块。

字符串位置（索引）

            /*
             字符串位置（索引）
            */

            var name = "waitting liang";
            console.log("name: ",name);
            console.log("name的第8个字符是： ",name[8]); //空格

注：

字符串的索引从0开始
字符串的空格也是一个位置

字符串长度

            /*
             字符串长度
            */

            var name = "waitting liang";
            console.log("name的长度是：", name.length);  //14

字符串使用转义字符（\）使用引号

            /*
             字符串使用转义字符
            */

            var myHobby = 'I can\'t play basketball';
            var myHobby = "I can\'t play basketball";

注释：

单引号（''）里面需要使用单引号（''）需要用转义字符
也可以把单引号（''）改成双引号（“”）就不需要转义字符

charAt() 方法可返回指定位置的字符

语法

stringObject.charAt(index)

参数	描述
index	必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

            /*
             charAt() 方法可返回指定位置的字符
            */

            var name = "waitting liang";
            console.log("name的索引为0的字符是：",name.charAt(0)); //w
            console.log("name的索引为14的字符是：",name.charAt(14)); //'' 空字符串  
            //name的长度是14， 0>= index > 14范围内会返回字符，否则返回空字符串
　　　　　　  //字符串的第一个字符下标是0

注释：

字符串中第一个字符的下标是 0。
如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码，这个返回值是 0 - 65535 之间的整数。

语法

stringObject.charCodeAt(index)

参数	描述
index	必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

            /*
             charCodeAt() 方法可返回指定位置的字符的 Unicode 编码，这个返回值是 0 - 65535 之间的整数。
            */

            var name = "waitting liang";
            console.log("name的索引为0的字符的Unicode 编码是：", name.charCodeAt(0)); //119
            console.log("name的索引为14的字符的Unicode 编码是：", name.charCodeAt(14)); //NaN
            //字符串的第一个字符下标是0
            //name的长度是14， 0>= index >= 14范围内会返回字符的Unicode 编码，否则返回NaN

注释：

字符串中第一个字符的下标是 0。
如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。

concat() 方法用于连接两个或多个字符串

　　　　该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

语法

stringObject.concat(stringX,stringX,......,stringX)

参数	描述
stringX	必需。将被连接为一个字符串的一个或多个字符串对象。

返回值

concat() 方法将把它的所有参数转换成字符串，然后按顺序连接到字符串 stringObject 的尾部，并返回连接后的字符串。请注意，stringObject 本身并没有被更改。

            /*
             concat()方法用于连接两个或多个字符串
            */

            var str1 = "Hello "
            var str2 = "world!"
            console.log("str1和str2的字符连接：",str1.concat(str2)); // Hello world!  亦可使用“+”连接符
            console.log("str1:",str1); // Hello   不会改变原字符串
            console.log("str2:",str2); // world!    不会改变原字符串

提示：请注意，使用 " + " 运算符来进行字符串的连接运算通常会更简便一些。

fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。

语法

String.fromCharCode(numX,numX,...,numX)

参数	描述
numX	必需。一个或多个 Unicode 值，即要创建的字符串中的字符的 Unicode 编码。

            /*
             fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。
            */

            var str = String.fromCharCode(72,69,76,76,79);
            console.log(str); // Hello world!

注释：该方法是 String 的静态方法，字符串中的每个字符都由单独的数字 Unicode 编码指定。

它不能作为您已创建的 String 对象的方法来使用。因此它的语法应该是 String.fromCharCode()，而不是 myStringObject.fromCharCode()。

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法

stringObject.indexOf(searchvalue,fromindex)

参数	描述
searchvalue	必需。规定需检索的字符串值。
fromindex	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

说明

该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

            /*
             indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
            */

            var str = "Hello world!"
            console.log(str.indexOf("Hello")); // 0
            console.log(str.indexOf("World")); // -1
            console.log(str.indexOf("world")); // 6

注释：

indexOf() 方法对大小写敏感！
如果要检索的字符串值没有出现，则该方法返回 -1。
stringObject 中的字符位置是从 0 开始的。

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索

语法

stringObject.lastIndexOf(searchvalue,fromindex)

参数	描述
searchvalue	必需。规定需检索的字符串值。
fromindex	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

返回值

如果在 stringObject 中的 fromindex 位置之前存在 searchvalue，则返回的是出现的最后一个 searchvalue 的位置。

说明

该方法将从尾到头地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的结尾（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一个字符在 stringObject 中的位置。stringObject 中的字符位置是从 0 开始的。

            /*
             lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索
            */

            var str = "Hello world!"
            console.log(str.length); // 12
            console.log(str.lastIndexOf("o")); // 7   
            console.log(str.lastIndexOf("o",5)); // 4  从索引为5的字符倒过来检索，第一个出现的位置是4
            console.log(str.lastIndexOf("Hello")); // 0
            console.log(str.lastIndexOf("World")); // -1
            console.log(str.lastIndexOf("world")); // 6

注释：

lastIndexOf() 方法对大小写敏感！
如果要检索的字符串值没有出现，则该方法返回 -1。
stringObject 中的字符位置是从 0 开始的

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

语法

stringObject.match(searchvalue)
stringObject.match(regexp)

参数	描述
searchvalue	必需。规定要检索的字符串值。
regexp	必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

返回值

存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

说明

match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

注意：在全局检索模式下，match() 即不提供与子表达式匹配的文本的信息，也不声明每个匹配子串的位置。如果您需要这些全局检索的信息，可以使用 RegExp.exec()。

            /*
             match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
            */

            /*
             实例1
            */

            var str = "Hello world!";
            var str3 = str.match("o");
            console.log(str3[0])  // o  {0:"o",index:4,input:"Hello world!"}
            console.log(str3.index)  // 4  {0:"o",index:4,input:"Hello world!"}
            console.log(str3.input)  // "Hello world!"  {0:"o",index:4,input:"Hello world!"}
            console.log(str.match("world")); // world
            console.log(str.match("World")); // null
            console.log(str.match("worlld")); // null
            console.log(str.match("world!")); // world!


            /*
             实例2
            */

            var str="1 plus 2 equal 3"
            var str4 = str.match(/\d+/g)
            console.log(typeof(str4)); // object
            console.log(JSON.stringify(str4)); // ["1","2","3"]
            console.log(str4); // 1，2，3

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp/substr,replacement)

参数	描述
regexp/substr	必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。
replacement	必需。一个字符串值。规定了替换文本或生成替换文本的函数。

参数

描述

regexp/substr

必需。规定子字符串或要替换的模式的 RegExp 对象。

请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。

replacement

必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、...、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&	与 regexp 相匹配的子串。
$`	位于匹配子串左侧的文本。
$'	位于匹配子串右侧的文本。
$$	直接量符号。

注意：ECMAScript v3 规定，replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

            /*
             replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
            */

            /*
             实例1
            */
            var Microsoft = "Visit Microsoft!"
            console.log(Microsoft.replace(/Microsoft/, "W3School")); // Visit W3School!

            /*
             实例2  全局替换
            */

            var Microsoft2 = "Welcome to Microsoft! "
            Microsoft2 = Microsoft2 + "We are proud to announce that Microsoft has "
            Microsoft2 = Microsoft2 + "one of the largest Web Developers sites in the world."

            console.log(Microsoft2.replace(/Microsoft/g, "W3School"));
            //Welcome to W3School! We are proud to announce that W3School has one of the largest Web Developers sites in the world.


            /*
             实例3 对大小写不敏感
            */
            var Microsoft3 = "Visit w3school!"
            console.log(Microsoft3.replace(/W3School/i, "W3School")); // Visit W3School!


            /*
            实例4 交换逗号左右的字符的位置
           */
            var name4 = "Doe, John";
            console.log(name4.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1")); //John Doe


            /*
            实例5 所有的花引号替换为直引号
           */
            var name5 = '"a", "b"';
            name5.replace(/"([^"]*)"/g, "'$1'");
            console.log(name5.replace(/"([^"]*)"/g, "'$1'")); //'a', 'b'


            /*
            实例6 把字符串中所有单词的首字母都转换为大写
           */
            var name6 = 'aaa bbb ccc';
            uw = name6.replace(/\b\w+\b/g, function (word) {
                return word.substring(0, 1).toUpperCase() + word.substring(1);
            }
            );
            console.log(uw); //Aaa Bbb Ccc

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

语法

stringObject.search(regexp)

参数	描述
regexp	该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。注释：要执行忽略大小写的检索，请追加标志 i。

参数

描述

regexp

该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。

注释：要执行忽略大小写的检索，请追加标志 i。

返回值

stringObject 中第一个与 regexp 相匹配的子串的起始位置。

注释：如果没有找到任何匹配的子串，则返回 -1。

说明

search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

           /*
            search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
           */

            /*
             实例1 search对大小写敏感
            */

            var str = "Visit W3School!"
            console.log(str.search(/w3school/)); // -1
            console.log(str.search(/W3School/)); // 6


            /*
             实例2 忽略大小写的检索
            */

            var str = "Visit W3School!"
            console.log(str.search(/w3school/i)); // 6

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

语法

stringObject.slice(start,end)

参数	描述
start	要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
end	紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

返回值

一个新的字符串。包括字符串 stringObject 从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。

说明

String 对象的方法 slice()、substring() 和 substr() （不建议使用）都可返回字符串的指定部分。slice() 比 substring() 要灵活一些，因为它允许使用负数作为参数。slice() 与 substr() 有所不同，因为它用两个字符的位置来指定子串，而 substr() 则用字符位置和长度来指定子串。

还要注意的是，String.slice() 与 Array.slice() 相似。

            /*
            slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
           */

            /*
             实例1  将提取从位置 6 开始的所有字符
            */

            var strSlice6="Hello happy world!"
            console.log(strSlice6.slice(6)); // -1


            /*
             实例2 将提取从位置 6 到位置 11 的所有字符
            */

            var strSlice11="Hello happy world!"
            console.log(strSlice11.slice(6,11)); // -1

split() 方法用于把一个字符串分割成字符串数组。

语法

stringObject.split(separator,howmany)

参数	描述
separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。
howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

            /*
            split() 方法用于把一个字符串分割成字符串数组。
            */

            /*
             实例1  将按照不同的方式来分割字符串
            */

            var strSplit1 = "How are you doing today?"

            // 句子分割成单词
            console.log(strSplit1.split(" "))//["How","are","you","doing","today?"]
            console.log(strSplit1.split(/\s+/))//["How","are","you","doing","today?"]同等上面的

            // 单词分割为字母，或者把字符串分割为字符
            console.log(strSplit1.split(""))//["H","o","w"," ","a","r","e"," ","y","o","u"," ","d","o","i","n","g"," ","t","o","d","a","y","?"]
           
            //只返回一部分字符
            console.log(strSplit1.split("", 3))//["H","o","w"]


            /*
             实例2 将分割结构更为复杂的字符串
            */

            console.log("2:3:4:5".split(":"))    //["2", "3", "4", "5"]
            console.log("|a|b|c".split("|"))    //["", "a", "b", "c"]

提示和注释

注释：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

注释：String.split() 执行的操作与 Array.join 执行的操作是相反的。

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

语法

stringObject.substr(start,length)

参数	描述
start	必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
length	可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

返回值

一个新的字符串，包含从 stringObject 的 start（包括 start 所指的字符）处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含从 start 到 stringObject 的结尾的字符。

提示和注释

注释：substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。

重要事项：ECMAscript 没有对该方法进行标准化，因此反对使用它。

重要事项：在 IE 4 中，参数 start 的值无效。在这个 BUG 中，start 规定的是第 0 个字符的位置。在之后的版本中，此 BUG 已被修正。

 　　　　　　/*
            substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
            */

            /*
             实例1  从字符串中提取一些字符
            */

            var strSub="Hello world!"
            console.log(strSub.substr(3,7)) //lo worl

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法

stringObject.substring(start,stop)

参数	描述
start	必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
stop	可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。

参数

描述

start

必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。

stop

可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

如果省略该参数，那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop减 start。

说明

substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。

如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

            /*
           substring() 方法用于提取字符串中介于两个指定下标之间的字符。
           */

            /*
             实例1  从字符串中提取一些字符
            */

            var strSubstring = "Hello world!"
            console.log(strSubstring.substring(3, 7)) //lo w

提示和注释

重要事项：与 slice() 和 substr() 方法不同的是，substring() 不接受负的参数。

toLowerCase() 方法用于把字符串转换为小写。

语法

stringObject.toLocaleLowerCase()

            /*
           toLowerCase() 方法用于把字符串转换为小写。
           */

            /*
             实例1  将以小写字母来显示
            */

            var strToLowerCase = "Hello world!"
            console.log(strToLowerCase.toLowerCase()) //hello world!

返回值

一个新的字符串，在其中 stringObject 的所有大写字符全部被转换为了小写字符。

说明

与 toLowerCase() 不同的是，toLocaleLowerCase() 方法按照本地方式把字符串转换为小写。只有几种语言（如土耳其语）具有地方特有的大小写映射，所有该方法的返回值通常与 toLowerCase() 一样。

toUpperCase() 方法用于把字符串转换为大写。

语法

stringObject.toUpperCase()

            /*
            toUpperCase() 方法用于把字符串转换为大写。
            */

            /*
             实例1  将以大写字母来显示
            */

            var strUpperCase = "Hello world!"
            console.log(strUpperCase.toUpperCase()) //HELLO WORLD!

返回值

一个新的字符串，在其中 stringObject 的所有小写字符全部被转换为了大写字符。

valueOf() 方法可返回 String 对象的原始值。

　　原始值是由从 String 对象下来的所有对象继承的。

　　valueOf() 方法通常由 JavaScript 在后台自动进行调用，而不是显式地处于代码中。

语法

stringObject.valueOf()

抛出

当调用该方法的对象不是 String 时抛出 TypeError 异常。

参考：

https://www.w3school.com.cn/jsref/jsref_obj_string.asp

https://www.w3cschool.cn/javascript/js-obj-string.html

posted @ 2020-03-06 12:05 Waiting-Liang 阅读(174) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

Waiting-Liang

JavaScript 字符串（String） 对象

JavaScript 字符串（String） 对象

字符串位置（索引）

字符串长度

字符串使用转义字符（\）使用引号

charAt() 方法可返回指定位置的字符

语法

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码，这个返回值是 0 - 65535 之间的整数。

语法

concat() 方法用于连接两个或多个字符串

语法

返回值

fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。

语法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法

说明

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索

语法

返回值

说明

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

语法

返回值

说明

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法

返回值

说明

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

语法

返回值

说明

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

语法

返回值

说明

split() 方法用于把一个字符串分割成字符串数组。

语法

返回值

提示和注释

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

语法

返回值

提示和注释

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法

返回值

说明

提示和注释

toLowerCase() 方法用于把字符串转换为小写。

语法

返回值

说明

toUpperCase() 方法用于把字符串转换为大写。

语法

返回值

valueOf() 方法可返回 String 对象的原始值。

语法

抛出

公告

JavaScript 字符串（String）对象

JavaScript 字符串（String）对象