js 字符串方法(个人学习笔记)
首先,创建数组的两个方法:
1.构造函数:
var str = new String("a"); console.log(str);//"a"
2.字面量表示:
var str = "a"; console.log(str);//"a"
区别:
var str = "a";//这个是基本类型(不是实例对象) str.a = "123";//所以没有属性和方法 var str1 = new String("b");//这个是引用类型(实例对象) 所有用new出来的都是引用类型 str1.a = "abc";//可以有属性和方法 console.log(str);//"a" console.log(str.a);//undifined console.log(str1);//String{"a"} console.log(str1.a);//abc console.log(typeof str);//string console.log(str instanceof String);//false(不是实例对象) console.log(str1 instanceof String);//true(是实例对象,而且纸箱string)
操作方法
1.charAt()和charCodeAt()
作用:这两个方法都接收一个参数,及基于0的字符位置,charAt()返回的是给定位置的字符,charCodeAt()返回的是给定位置字符的字符编码。与charCodeAt()对应的一个方法是formCharCode()将字符编码转为字符串。
用法:
var code = "future"; console.log(code.charAt(2)); //t 还有一个方法:code[2] 这个方法在IE低版本有兼容问题,尽量少用 console.log(code.charCodeAt(2)) //116
2.concact()
作用:拼接字符串
用法:
var a = "my "; console.log(a.concat("future"));//my future console.log(a.concat("future ", "will"));//my future will
3.slice()、substr()和substring().
作用:基于子字符串创建新字符串,这三个方法都返回操纵字符串的一个子字符串,而且都接收一到两个参数。
var str = "We are family"; console.log(str.slice(2,5)); // ar(从第2个位置开始,不包含第5个位置) console.log(str.slice(1)); //e are family(从第1个位置开始,一直到最后) console.log(str.substring(3)); //are family(从第3个位置开始,一直到最后) console.log(str.substring(3,5));//ar(从第3个位置开始,不包含第5个位置) console.log(str.substr(2)); // are family(从第2个位置开始,一直到最后) console.log(str.substr(2,6)); // are f(从第2个位置开始,截取6个字符) 跟数组的splice方法类似
slice()和substring()方法在正值情况下,实现的功能一致,但是在传递的值为负值时,行为就不相同了。
slice()方法会将传入的负值与字符串的长度相加(因此,如果两个参数都会负值,第二个参数必须要大于第一个参数,否则返回的是空字符串)
substr()方法会将负的第一个参数加上字符串的长度,将将第二个参数转换为0。(如果第二个参数为负值,返回空的字符串)
substring()方法将所有的负值参数都转换为0,substring始终会将较小的参数作为开始位置。
var str = "Wearefamily"; //length为11 console.log(str.slice(-3,-8));//相当于str.slice(8,3)//返回空字符串 console.log(str.slice(-5,-1));//相当于str.slice(6,10)//返回ami console.log(str.substring(3,-4));//相当于str.substring(3,0)//返回Wea console.log(str.substring(-3,-5));//相当于str.substring(0,0)//返回空字符串 console.log(str.substr(-4,3));//相当于substr(7,3)//返回mil console.log(str.substr(-4,-3));//相当于substr(7,0)//返回空字符串
4.indexOf()和lastIndexOf()
作用:字符串的位置方法,这两个方法都是从一个字符串中搜索给定的子字符串,然后返回子字符串的位置,没有找到,返回-1.indexOf()从字符串的开头向后搜索子字符串,而lastIndexOf()从字符串的末尾向前搜索子字符串。
用法:
var str = "WEAREFAMILY"; console.log(str.indexOf("A"));//2 console.log(str.lastIndexOf("A"));//6
5.trim()
作用:去掉字符串收尾的空格
用法:
var str = " a "; var str2 = str.trim(); console.log(str);//" a " console.log(str2);//"a"
6.toUpperCase()和toLowerCase()
作用:转换为大写:toUpperCase()和toLocalUpperCase()
转换为小写:toLowerCase()和toLocalLowerCase()
用法:
var str = "a"; console.log(str.toUpperCase());//A console.log(str);//a console.log(str.toLowerCase());//a
7.LocalCompare()
作用:这个方法用于字符串的比较。 如果字符串在字母表中应该拍照字符串参数之前,则返回一个负数。(大多数情况下是-1,具体的值要视实现而定)
如果字符串等于字符串参数,则返回0.
如果字符串在字母表中的顺序排在字符串参数之后,则返回一个正数。(大多数情况下是1,具体的值要视实现而定)
用法:
var str = "break"; console.log(str.localeCompare("future")); //-1 console.log(str.localeCompare("above")); //1 console.log(str.localeCompare("break")); //0
8.match(),replace(),search(),test()
match():
作用:方法只接收一个参数,要么是一个正则表达式,要么是一个RegExp对象。在字符串上调用match()方法,本质上和调用RegExp的exec()方法相同,返回的是一个数组
用法:
var str = "we are weamy"; var pattern = /we/; var matches = str.match(pattern); console.log(matches);//["we", index: 0, input: "we are weamy"] console.log(pattern.exec(str));//["we", index: 0, input: "we are weamy"] console.log(matches.index);//0 console.log(matches[0]);//we
search():
作用:search()的参数与match()相同,不同在于search()返回的是字符串中第一个匹配项的索引;如果没有找到匹配项,返回-1.
用法:
var str = "asdadasdasd"; var reg = /s/; var reg1 = /sa/; var test = str.search(reg); var test1 = str.search(reg1); console.log(test,test1);//1 -1
replace():
作用:接收2个参数,第一个参数可以是一个RegExp对象或者是一个字符串,第二个参数是一个字符串或者是一个函数,如果第一个参数是字符串,那么只会替换第一个字符串,如果想要替换所有的字符串,那么必须使用正则表达式,并指定全局标志(g)
用法:
var str = "cat, fat, sat, bat"; console.log(str.replace("at","ooo"));//cooo, fat, sat, bat console.log(str.replace(/at/g,"ooo"));//cooo, fooo, sooo, booo
如果replace()的第二个参数是字符串,会将前面正则匹配的被这个字符串替换掉
var str = "asdadasdasd"; var reg = /s/g; var str1 = str.replace(reg,"1"); console.log(str);//asdadasdasd console.log(str1);//a1dada1da1d
如果第二个参数是函数的话:$1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$& 与 regexp 相匹配的子串。 //表示通过政治匹配的完整子串
$` 位于匹配子串左侧的文本。
$' 位于匹配子串右侧的文本。
$$ 直接量符号。 表示$这个符号
var str = "asdadasdasd"; var reg = /s/g; var str1 = str.replace(reg,function(itm,$2,$3,$4){ console.log($1,$2,$3,$4);//s 1 asdadasdasd undefined //函数里面的参数代表的含义是(匹配项,index,原字符串,之后的全是undifined) });
var name = "Doe, John"; var name1 = name.replace(/(\w+)\s*, \s*(\w+)/,"$2 $1"); //这里的$1,$2,表示的是前面正则的()里面的匹配项 $1表示匹配的第一项 console.log(name1,name);
test():
作用:用于检测一个字符串是否匹配某个模式.
用法:(注意:这个方法的使用跟前面的不一样,是正则的点方法,不是字符串的方法,-_-)
var str = "Visit W3School"; var patt1 = new RegExp("W3School"); var result = patt1.test(str); document.write("Result: " + result);