30-内置对象:String--JavaScript基础
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
//定义方法:字符位 function getZFWlength(string) {
//定义一个计数器 var count = 0; for (var i = 0; i < string.length; i++) {
//对每一位字符串进行判断,如果Unicode编码在0-127,计数器+1;否则+2 if (string.charCodeAt(i) < 128 && string.charCodeAt(i) >= 0) {
新的字符串 = str.replace(被替换的内容,新的内容);
代码举例:
//replace()方法:替换 var str2 = "Today is fine day,today is fine day !!!" console.log(str2); console.log(str2.replace("today","tomorrow")); //只能替换第一个today console.log(str2.replace(/today/gi,"tomorrow")); //这里用到了正则,才能替换所有的 today
<script> // sort(); 底层用到了charCodeAt();
var str = "I love my country!我你爱中国!";
//需求:求一个字符串占有几个字符位。 //思路;如果是英文,站一个字符位,如果不是英文占两个字符位。 //技术点:判断该字符是否在0-127之间。(在的话是英文,不在是非英文) alert(getZFWlength(str)); alert(str.length);
打印Leabharlann Baidu果:
代码举例2:(两个参数时,需要特别注意) var str = 'qianguyihao'; result = str.indexOf('a', 3); // 从第三个位置开始查找 'a'这个字符 【重要】 console.log(result); // 打印结果:9
上方代码中, indexOf() 方法中携带了两个参数,具体解释请看注释。
字符 = str.charAt(index); 解释:字符串中第一个字符的下标是 0。如果参数 index 不在 [0, string.length) 之间,该方法将返回一 个空字符串。 而且,这里的 str.charAt(index) 和 str[index] 的效果是一样的。 代码举例:
var str = new String("smyhvae"); for (var i = 0; i < str.length; i++) { console.log(str.charAt(i)); }
var str = "abcdea"; //给字符查索引(索引值为0,说明字符串以查询的参数为开头) console.log(str.indexOf("c")); console.log(str.lastIndexOf("c")); console.log(str.indexOf("a")); console.log(str.lastIndexOf("a"));
count++; } else {
count += 2; } } return count; } </script>
打印结果:
30 24
从打印结果可以看出:字符串的长度是24,但是却占了30个字符位(一个中文占两个字符位)。 另外,sort()方法其实底层也是用到了charCodeAt(),因为用到了Unicode编码。
indexOf()/lastIndexOf()
indexOf()/lastIndexOf() :获取指定字符的索引。 语法:
索引值 = str.indexOf(想要查询的字符); 解释: indexOf() 是从前向后索引字符串的位置。同理, lastIndexOf() 是从后向前寻找。 作用:可以检索一个字符串中是否含有指定内容。如果字符串中含有该内容,则会返回其第一次出现的 索引;如果没有找到指定的内容,则返回 -1。 因此可以得出一个技巧:如果获取的索引值为0,说明字符串是以查询的参数为开头的。 这个方法还可以指定第二个参数,用来 指定开始查找的位置。 代码举例1:
解释:上面的参数,包左不包右。参数举例如下: (2, 5) 截取时,包左不包右。 (2) 表示从指定的索引位置开始,截取到最后。 (-3) 表示从倒数第几个开始,截取到最后。 (1, -1) 表示从第一个截取到倒数第一个。 (5, 2) 表示前面的大,后面的小,返回值为空。
substring()
substring() :从字符串中截取指定的内容。和 slice() 类似。 语法:
大小写转换
举例:
var str = "abcdEFG";
//转换成小写 console.log(str.toLowerCase());
substr()
substr() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.substr(开始索引, 截取的长度);
参数举例:
(2,4):从索引值为2的字符开始,截取4个字符。 (1):从指定位置开始,截取到最后。 (-3):从倒数第几个开始,剪到最后. 不包括前大后小的情况。 备注:ECMAscript 没有对 substr() 方法进行标准化,因此不建议使用它。
concat()
concat() :字符串的连接。
语法:
新字符串 = str1.concat(str2); //链接两个字符串
这种方法基本不用,直接把两个字符串相加就好。 是的,你会发现,数组中也有 concat() 方法,用于数组的连接。这个方法在数组中用得挺多的。 代码举例:
var str1 = 'qiangu'; var str2 = 'yihao';
前言
在日常开发中,String对象的使用频率是非常高的。所以有必要详细介绍。
基本数据类型不能绑定属性和方法
1、基本数据类型: 注意,基本数据类型 string 是无法绑定属性和方法的。比如说:
var str = "qianguyihao";
str.aaa = 12; console.log(typeof str); console.log(str.aaa);
字符串 = str.substring(开始索引, 结束索引); //两个参数都是索引值。包左不包右。
substring() 和 slice() 是类似的。但不同之处在于: substring() 不能接受负值作为参数。如果传递了一个负值,则默认使用0。 substring() 还会自动调整参数的位置,如果第二个参数小于第一个,则自动交换。比如说, substring(1, 0) 截取的是第一个字符。
打印结果:
上面这个例子一般不用。一般打印数组和json的时候用索引,打印String不建议用索引。
charCodeAt()
charCodeAt :返回字符串指定位置的字符的 Unicode 编码。不会修改原字符串。
语法:
字符 = str.charCodeAt(index);
代码举例:打印字符串的占位长度 提示:一个英文占一个位置,一个中文占两个位置。 思路:判断该字符是否在0-127之间(在的话是英文,不在是非英文)。 代码实现:
split() 【重要】
split() :将一个字符串拆分成一个数组。 语法:
数组 = str.split(); 备注: split() 这个方法在实际开发中用得非常多。一般来说,从接口拿到的json数据中,经常会收到 类似于 "q, i, a, n" 这样的字符串,前端需要将这个字符串拆分成 ['q', 'i', 'a', 'n'] 数组,这 个时候 split() 方法就排上用场了。 代码举例1:
String.fromCharCode()
String.fromCharCode() :根据字符的 Unicode 编码获取字符。 代码举例:
var result1 = String.fromCharCode(72); var result2 = String.fromCharCode(20013); console.log(result1); // 打印结果:H console.log(result2); // 打印结果:中
var str = "qian, gu, yi, hao"; // 用逗号隔开的字符串 var array = str.split(","); // 将字符串 str 拆分成数组,通过逗号来拆分 console.log(array); // 打印结果是数组:["qian", " gu", " yi", " hao"] 代码举例2: //split()方法:字符串变数组 var str3 = "生命壹号|许嵩|smyhvae"; console.log(str3); console.log(str3.split()); // 无参数,表示:把字符串作为一个元素添加到数组中。 console.log(str3.split("")); //参数为空字符串,则表示:分隔字符串中每一个字符,分别 添加到数组中 console.log(str3.split("|")); //参数为指定字符,表示:此字符将不会出现在数组的任意一 个元素中 console.log(str3.split("许")); //同理 打印结果:
上方代码中, smyhvae 这个字符串在底层是以 ["s", "m", "y", "h", "v", "a", "e"] 的形式保存 的。因此,我们既可以获取字符串的长度,也可以获取指定索引index位置的单个字符。这很像数组中 的操作。
内置对象 String 的常见方法
charAt()
charAt :返回字符串指定位置的字符。不会修改原字符串。 语法:
trim()
trim() :去除字符串前后的空白。 代码举例:
//去除前后的空格,trim(); var str1 = " a b c "; console.log(str1); console.log(str1.trim());
打印结果:
replace()
replace() :将字符串中的指定内容,替换为新的内容并返回。不会修改原字符串。 语法:
2、引用数据类型:
引用数据类型 String 是可以绑定属性和方法的。如下:
var strObj = new String("smyhvae"); strObj.aaa = 123; console.log(strObj); console.log(typeof strObj); //打印结果:Object console.log(strObj.aaa);
打印结果:
内置对象Number也有一些自带的方法,比如: Number.MAX_VALUE;
Number.MIN_VALUE; 内置对象Boolean也有一些自带的方法,但是用的不多。
在底层,字符串以字符数组的形式保存
在底层,字符串是以字符数组的形式保存的。代码举例: var str = "smyhvae"; console.log(str.length); // 获取字符串的长度 console.log(str[2]); // 获取字符串中的第2个字符
var result = str1.concat(str2); console.log(result); // 打印结果:qianguyihao
slice()
slice() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.slice(开始索引, 结束索引); //两个参数都是索引值。包左不包右。
//打印结果为:string //打印结果为:undefined
上方代码中,当我们尝试打印 str.aaa 的时候,会发现打印结果为:undefined。也就是说,不能给 string 绑定属性和方法。
当然,我们可以打印str.length、str.indexOf("m")等等。因为这两个方法的底层做了数据类型转换(临 时将 string 字符串转换为 String 对象,然后再调用内置方法),也就是我们在上一篇文章中讲到的 包装类。
//定义一个计数器 var count = 0; for (var i = 0; i < string.length; i++) {
//对每一位字符串进行判断,如果Unicode编码在0-127,计数器+1;否则+2 if (string.charCodeAt(i) < 128 && string.charCodeAt(i) >= 0) {
新的字符串 = str.replace(被替换的内容,新的内容);
代码举例:
//replace()方法:替换 var str2 = "Today is fine day,today is fine day !!!" console.log(str2); console.log(str2.replace("today","tomorrow")); //只能替换第一个today console.log(str2.replace(/today/gi,"tomorrow")); //这里用到了正则,才能替换所有的 today
<script> // sort(); 底层用到了charCodeAt();
var str = "I love my country!我你爱中国!";
//需求:求一个字符串占有几个字符位。 //思路;如果是英文,站一个字符位,如果不是英文占两个字符位。 //技术点:判断该字符是否在0-127之间。(在的话是英文,不在是非英文) alert(getZFWlength(str)); alert(str.length);
打印Leabharlann Baidu果:
代码举例2:(两个参数时,需要特别注意) var str = 'qianguyihao'; result = str.indexOf('a', 3); // 从第三个位置开始查找 'a'这个字符 【重要】 console.log(result); // 打印结果:9
上方代码中, indexOf() 方法中携带了两个参数,具体解释请看注释。
字符 = str.charAt(index); 解释:字符串中第一个字符的下标是 0。如果参数 index 不在 [0, string.length) 之间,该方法将返回一 个空字符串。 而且,这里的 str.charAt(index) 和 str[index] 的效果是一样的。 代码举例:
var str = new String("smyhvae"); for (var i = 0; i < str.length; i++) { console.log(str.charAt(i)); }
var str = "abcdea"; //给字符查索引(索引值为0,说明字符串以查询的参数为开头) console.log(str.indexOf("c")); console.log(str.lastIndexOf("c")); console.log(str.indexOf("a")); console.log(str.lastIndexOf("a"));
count++; } else {
count += 2; } } return count; } </script>
打印结果:
30 24
从打印结果可以看出:字符串的长度是24,但是却占了30个字符位(一个中文占两个字符位)。 另外,sort()方法其实底层也是用到了charCodeAt(),因为用到了Unicode编码。
indexOf()/lastIndexOf()
indexOf()/lastIndexOf() :获取指定字符的索引。 语法:
索引值 = str.indexOf(想要查询的字符); 解释: indexOf() 是从前向后索引字符串的位置。同理, lastIndexOf() 是从后向前寻找。 作用:可以检索一个字符串中是否含有指定内容。如果字符串中含有该内容,则会返回其第一次出现的 索引;如果没有找到指定的内容,则返回 -1。 因此可以得出一个技巧:如果获取的索引值为0,说明字符串是以查询的参数为开头的。 这个方法还可以指定第二个参数,用来 指定开始查找的位置。 代码举例1:
解释:上面的参数,包左不包右。参数举例如下: (2, 5) 截取时,包左不包右。 (2) 表示从指定的索引位置开始,截取到最后。 (-3) 表示从倒数第几个开始,截取到最后。 (1, -1) 表示从第一个截取到倒数第一个。 (5, 2) 表示前面的大,后面的小,返回值为空。
substring()
substring() :从字符串中截取指定的内容。和 slice() 类似。 语法:
大小写转换
举例:
var str = "abcdEFG";
//转换成小写 console.log(str.toLowerCase());
substr()
substr() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.substr(开始索引, 截取的长度);
参数举例:
(2,4):从索引值为2的字符开始,截取4个字符。 (1):从指定位置开始,截取到最后。 (-3):从倒数第几个开始,剪到最后. 不包括前大后小的情况。 备注:ECMAscript 没有对 substr() 方法进行标准化,因此不建议使用它。
concat()
concat() :字符串的连接。
语法:
新字符串 = str1.concat(str2); //链接两个字符串
这种方法基本不用,直接把两个字符串相加就好。 是的,你会发现,数组中也有 concat() 方法,用于数组的连接。这个方法在数组中用得挺多的。 代码举例:
var str1 = 'qiangu'; var str2 = 'yihao';
前言
在日常开发中,String对象的使用频率是非常高的。所以有必要详细介绍。
基本数据类型不能绑定属性和方法
1、基本数据类型: 注意,基本数据类型 string 是无法绑定属性和方法的。比如说:
var str = "qianguyihao";
str.aaa = 12; console.log(typeof str); console.log(str.aaa);
字符串 = str.substring(开始索引, 结束索引); //两个参数都是索引值。包左不包右。
substring() 和 slice() 是类似的。但不同之处在于: substring() 不能接受负值作为参数。如果传递了一个负值,则默认使用0。 substring() 还会自动调整参数的位置,如果第二个参数小于第一个,则自动交换。比如说, substring(1, 0) 截取的是第一个字符。
打印结果:
上面这个例子一般不用。一般打印数组和json的时候用索引,打印String不建议用索引。
charCodeAt()
charCodeAt :返回字符串指定位置的字符的 Unicode 编码。不会修改原字符串。
语法:
字符 = str.charCodeAt(index);
代码举例:打印字符串的占位长度 提示:一个英文占一个位置,一个中文占两个位置。 思路:判断该字符是否在0-127之间(在的话是英文,不在是非英文)。 代码实现:
split() 【重要】
split() :将一个字符串拆分成一个数组。 语法:
数组 = str.split(); 备注: split() 这个方法在实际开发中用得非常多。一般来说,从接口拿到的json数据中,经常会收到 类似于 "q, i, a, n" 这样的字符串,前端需要将这个字符串拆分成 ['q', 'i', 'a', 'n'] 数组,这 个时候 split() 方法就排上用场了。 代码举例1:
String.fromCharCode()
String.fromCharCode() :根据字符的 Unicode 编码获取字符。 代码举例:
var result1 = String.fromCharCode(72); var result2 = String.fromCharCode(20013); console.log(result1); // 打印结果:H console.log(result2); // 打印结果:中
var str = "qian, gu, yi, hao"; // 用逗号隔开的字符串 var array = str.split(","); // 将字符串 str 拆分成数组,通过逗号来拆分 console.log(array); // 打印结果是数组:["qian", " gu", " yi", " hao"] 代码举例2: //split()方法:字符串变数组 var str3 = "生命壹号|许嵩|smyhvae"; console.log(str3); console.log(str3.split()); // 无参数,表示:把字符串作为一个元素添加到数组中。 console.log(str3.split("")); //参数为空字符串,则表示:分隔字符串中每一个字符,分别 添加到数组中 console.log(str3.split("|")); //参数为指定字符,表示:此字符将不会出现在数组的任意一 个元素中 console.log(str3.split("许")); //同理 打印结果:
上方代码中, smyhvae 这个字符串在底层是以 ["s", "m", "y", "h", "v", "a", "e"] 的形式保存 的。因此,我们既可以获取字符串的长度,也可以获取指定索引index位置的单个字符。这很像数组中 的操作。
内置对象 String 的常见方法
charAt()
charAt :返回字符串指定位置的字符。不会修改原字符串。 语法:
trim()
trim() :去除字符串前后的空白。 代码举例:
//去除前后的空格,trim(); var str1 = " a b c "; console.log(str1); console.log(str1.trim());
打印结果:
replace()
replace() :将字符串中的指定内容,替换为新的内容并返回。不会修改原字符串。 语法:
2、引用数据类型:
引用数据类型 String 是可以绑定属性和方法的。如下:
var strObj = new String("smyhvae"); strObj.aaa = 123; console.log(strObj); console.log(typeof strObj); //打印结果:Object console.log(strObj.aaa);
打印结果:
内置对象Number也有一些自带的方法,比如: Number.MAX_VALUE;
Number.MIN_VALUE; 内置对象Boolean也有一些自带的方法,但是用的不多。
在底层,字符串以字符数组的形式保存
在底层,字符串是以字符数组的形式保存的。代码举例: var str = "smyhvae"; console.log(str.length); // 获取字符串的长度 console.log(str[2]); // 获取字符串中的第2个字符
var result = str1.concat(str2); console.log(result); // 打印结果:qianguyihao
slice()
slice() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.slice(开始索引, 结束索引); //两个参数都是索引值。包左不包右。
//打印结果为:string //打印结果为:undefined
上方代码中,当我们尝试打印 str.aaa 的时候,会发现打印结果为:undefined。也就是说,不能给 string 绑定属性和方法。
当然,我们可以打印str.length、str.indexOf("m")等等。因为这两个方法的底层做了数据类型转换(临 时将 string 字符串转换为 String 对象,然后再调用内置方法),也就是我们在上一篇文章中讲到的 包装类。