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);

js 字符串方法（个人学习笔记）

猜你喜欢