JS常用方法总结--String字符串篇

个人学习笔记

---

 

String字符串

一、增

1、repeat() 方法：字符串复制指定次数，返回值是字符串。

用法：string.repeat(count)

var str = "HELLO WORLD"; 
var nstr1 = str.repeat(2);          // 复制指定次数
console.log(str);                // HELLO WORLD
console.log(nstr1);                // HELLO WORLDHELLO WORLD
console.log(typeof(nstr1));        // string

二、删

1、trim() 方法：用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。

 用法：string.trim()

var str = "   HELLO WORLD hello world   "; 
var nstr1 = str.trim();          // 去除前后空格
console.log(str);                //    HELLO WORLD hello world   
console.log(nstr1);                // HELLO WORLD HELLO WORLD
console.log(typeof(nstr1));        // string

2、replace() 方法：用于在字符串中用一些字符替换另一些字符（只替换一个），或替换一个与正则表达式匹配的子串（替换全部），返回值是字符串。

用法：string.replace(searchvalue,newvalue)

var str = "HELLO WORLD hello world"; 
var nstr0 = str.replace(" ","");                  // 去除 字符间的 空格
var nstr1 = str.replace("world","javascript");   // 替换字符串
var nstr2 = str.replace(/world/g,"javascript");  // 通过正则 替换字符串
var nstr3 = str.replace(/world/gi,"javascript");  // 通过正则 替换字符串
console.log(str);                            // HELLO WORLD hello world
console.log(nstr0);                // HELLOWORLD hello world
console.log(nstr1);                // HELLO WORLD hello javascript
console.log(typeof(nstr1));                // string
console.log(nstr2);                // HELLO WORLD hello javascript
console.log(nstr3);                // HELLO javascript hello javascript

3、replaceAll() 方法：类似于replace方法，不过他会替换所有匹配到的子字符串。

var str = "HELLO WORLD hello world"; 
var nstr0 = str.replaceAll(" ","");                  // 去除 字符间的 空格

console.log(str);                            // HELLO WORLD hello world
console.log(nstr0);                // HELLOWORLDhelloworld

三、改

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

用法：string.toLowerCase()

var str = "HELLO WORLD hello world"; 
var nstr1 = str.toLowerCase(); 
console.log(str);                // HELLO WORLD hello world
console.log(nstr1);                // hello world hello world
console.log(typeof(nstr1));        // string

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

用法：string.toUpperCase()

var str = "HELLO WORLD hello world"; 
var nstr1 = str.toUpperCase(); 
console.log(str);                // HELLO WORLD hello world
console.log(nstr1);                // HELLO WORLD HELLO WORLD
console.log(typeof(nstr1));        // string

四、查

1、charAt() 方法：可返回指定位置的字符，返回值是字符串。

用法：string.charAt(index)

var str = "HELLO WORLD";
var nstr = str.charAt(2);
console.log(nstr);  // L
console.log(typeof(nstr));  // string

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

用法：string.charCodeAt(index)

var str = "HELLO WORLD";
var nstr = str.charCodeAt(2);
console.log(nstr);  // 76
console.log(typeof(nstr));  // number

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

用法：String.fromCharCode(n1, n2, ..., nX)

var nstr = String.fromCharCode(76);
console.log(nstr);  // L
console.log(typeof(nstr));  // string

4、indexOf() 方法：可返回某个指定的字符串值在字符串中首次出现的位置，返回值是整数数字。

用法：string.indexOf(searchvalue,[start])

var str = "HELLO WORLD";
var nstr1 = str.indexOf("L");
var nstr2 = str.indexOf("L",4);
console.log(nstr1);  // 2
console.log(typeof(nstr1));  // number
console.log(nstr2);  // 9
console.log(typeof(nstr2));  // number

5、search() 方法：用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，返回值是数值。

用法：string.search(searchvalue)

var str = "HELLO WORLD hello world HELLO world"; 
var nstr1 = str.search(/world/g);   // g 修饰符 全局
var nstr2 = str.search(/world/gi);  // i 修饰符 忽略大小写
console.log(nstr1);                // 18
console.log(typeof(nstr1));        // number
console.log(nstr2);                // 6
console.log(typeof(nstr2));        // number

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

用法：string.match(regexp)

var str = "HELLO WORLD hello world"; ;
var nstr1 = str.match(/L/g);   // g 修饰符
var nstr2 = str.match(/L/gi);  // i 修饰符
console.log(nstr1);  // ["L", "L", "L"]
console.log(typeof(nstr1));  // object
console.log(nstr2);  // ["L", "L", "L", "l", "l", "l"]
console.log(typeof(nstr2));  // object

7、includes() 方法：用于判断字符串是否包含指定的子字符串，返回值是布尔值。

用法：string.includes(searchvalue, [start])

var str = "HELLO WORLD";
var nstr1 = str.includes("O");
var nstr2 = str.includes("O",8);
console.log(nstr1);  // true
console.log(typeof(nstr1));  // boolean
console.log(nstr2);  // false
console.log(typeof(nstr2));  // boolean

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

用法：string.slice(start,[end])

var str = "HELLO WORLD hello world"; 
var nstr1 = str.slice(1,10); 
console.log(str);                // HELLO WORLD hello world
console.log(nstr1);                // ELLO WORL
console.log(typeof(nstr1));        // string

9、substr() 方法：可在字符串中抽取从开始下标 到指定数目的字符，返回值是字符串。

用法：string.substr(start,[length])

var str = "HELLO WORLD hello world"; 
var nstr1 = str.substr(1,10); 
console.log(str);                // HELLO WORLD hello world
console.log(nstr1);                // ELLO WORLD
console.log(typeof(nstr1));        // string

10、substring() 方法：用于提取字符串中介于两个指定下标之间的字符，返回值是字符串。

用法：string.substring(start,[end])

var str = "HELLO WORLD hello world"; 
var nstr1 = str.substring(1,10); 
console.log(str);                // HELLO WORLD hello world
console.log(nstr1);                // ELLO WORL
console.log(typeof(nstr1));        // string

五、转换

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

用法：string.split([separator],[limit])

separator：字符串或正则表达式，从该参数指定的地方分割 string Object。

limit：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

var str = "HELLO WORLD hello"; 
var nstr1 = str.split("");   
var nstr2 = str.split(" ");  
var nstr3 = str.split(/or/gi);  // i修饰符 忽略大小写
console.log(nstr1);                // ['H', 'E', 'L', 'L', 'O', ' ', 'W', 'O', 'R', 'L', 'D', ' ', 'h', 'e', 'l', 'l', 'o']
console.log(typeof(nstr1));        // object
console.log(nstr2);                // ['HELLO', 'WORLD', 'hello']
console.log(nstr3);                // ['HELLO W', 'LD hello']

2、concat() 方法：用于连接两个或多个字符串，返回值是字符串。

用法：string.concat(string1, string2, ..., stringX)

var str1 = "HELLO WORLD";
var str2 = "I'm coming";
var nstr = str1.concat(str2);
console.log(nstr);  // HELLO WORLDI'm coming
console.log(typeof(nstr));  // string