JS-字符串的常见属性和方法

属性

length

属性length就是字符串的长度
中文、数字、英语字母、空格，都是1个长度

let str = 'zhang 三 321'; 
str.length		// 11

---

方法

charAt() 返回在指定位置的字符

从下标为0开始

let str = 'zhang 三 321';
str.charAt(3)   // n

concat() 连接字符串

let str1 = '蔡徐坤';
let str2 = '打篮球';
let str3 = str1.concat(str2);
console.log(str3);		// 蔡徐坤打篮球

检索字符串

indexOf()

检索字符在字符串中的索引值
字符串.indexOf(需要检索的字符);

let str1 = '蔡徐坤打篮球';
let index = str1.indexOf('坤');
console.log(index);		// 2

lastIndexOf()

从后往前找,找到就停止 , 返回索引
字符串.lastIndexOf(需要检索的字符);

let str1 = '蔡徐坤打篮球';
let index = str1.lastIndexOf('篮');
console.log(index);		// 4

includes

字符串.lastIndexOf(需要检索的字符);
如果有返回true, 没有返回false

let str1 = '蔡徐坤打篮球';
let index1 = str1.includes('篮');
let index2 = str1.includes('唱');
console.log(index1);		// true
console.log(index2);		// false

replace() 替换

字符串.replace(需要替换的字符, 替换的字符);

let str = 'zxcvbnm';
let str1 = str.replace('x', '10');
console.log(str1);		// z10cvbnm

split()

把字符串→数组， 从什么地方拆分， 就是参数

"全民制作人大家好,我是练习时长两年半的个人练习生蔡徐坤,喜欢唱,跳,rap,篮球,music,鸡你太美～".split(',') 	
// ["全民制作人大家好", "我是练习时长两年半的个人练习生蔡徐坤", "喜欢唱", "跳", "rap", "篮球", "music", "鸡你太美～"]

"1嘻嘻2嘻嘻3嘻嘻4嘻嘻5嘻嘻6".split("嘻嘻");    // ["1", "2", "3", "4", "5", "6"]

截取子串

slice() 提取

“字符串”.substr(start,end) 从 start 开始 , 不包含 end

"全民制作人大家好,我是练习时长两年半的个人练习生蔡徐坤,喜欢唱,跳,rap,篮球,music,鸡你太美～".slice(1,4) 	// "民制作"

substring()

“字符串”.substring(start,end) 不包含 end

"全民制作人大家好,我是练习时长两年半的个人练习生蔡徐坤,喜欢唱,跳,rap,篮球,music,鸡你太美～".substring(1,4) 	// "民制作"

substr()

“字符串”.substr(start,length)

"abcdefghijklmn".substr(3,5);	// "defgh"

toLowerCase()、toUpperCase();

转换小写 , 转换大写

'ADSFSFYTFTY'.toLowerCase();		// "adsfsfytfty"
"adsfsfytfty".toUpperCase();		// "ADSFSFYTFTY"

以指定字符串开头/结尾

startsWith

判断是否以指定字符串开头 ES6
有true , 没有false

let str = "http://www.baidu.com";
let res1 = str.startsWith("www");	// false
console.log(res1);	// false

let res2 = str.startsWith("http://");
console.log(res2);	// true

endsWith

判断是否以指定字符串结尾 ES6
有true , 没有false

let str = "124.jpg";
let result = str.endsWith(".png");
console.log(result);	// false

字符串模板 ES6

let name = "菜墟琨";
let age = 12;
// let str = "我的名字是" + name + ",我的年龄是" + age;	// es6前
let str = `我的名字是${name},我的年龄是${age}`;
console.log(str);		// 我的名字是菜墟琨,我的年龄是12