切割截取字符串的几种方法
1、 split() 方法用于把一个 字符串 分割成 字符串数组 ;

 stringObject.split(str,length)
var str = "123,456,789"; 
console.log(str.split(''));  // ["1", "2", "3", ",", "4", "5", "6", ",", "7", "8", "9"]
console.log(str.split(',')); // ["123", "456", "789"] 
参数 描述
str 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject
length 可选。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度
注意:如果把空字符串 (“”) 用作 str,那么 stringObject 中的每个字符之间都会被分割。

2、 slice() 可提取字符串的某个部分,并以新的字符串返回被提取的部分;

第一个参数必填,第二个参数选填;
注意:如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取

在这里插入图片描述
如图所示:[1,2,3,4].slice(0, 3) 0代表开始选取的位置 start,3代表结束位置

var str = "123,456,789"; 
console.log(str.slice(2,6));	 // 3,45
console.log(str.slice(-6,-2));   // 56,7
console.log(str.slice(2)); 		 // 3,456,789
console.log(str.slice(-6)); 	 // 56,789 
const str = "JavaScript";
// 获取后4个字符
const better = str.slice(-4); // "ript"
// 获取除了后4个字符以外的部分
const exceptLast4 = str.slice(0, -4); // "JavaSc"

3、substring() 提取字符串中介于两个指定下标之间的字符
语法:string.substring(from, to);from必选而且非负的整数,to可选非负的整数 但是to的值必须比from大位置多1个;

var str = "123,456,789"; 
console.log(str.substring(2,6)); 	// 3,45
console.log(str.substring(2)); 		// 3,456,789
console.log(str.substring(6,2)); 	// 3,45
console.log(str.substring(-6,-2));  //  
console.log(str.substring(6,6)); 	//  

4、join() 把数组中的所有元素转换一个字符串

var str = [123,456,789]; 
console.log(str.join('')); // 123456789
console.log(str.join(',')); // 123,456,789

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

string.charAt(index)

index:必需。表示字符串中某个位置的数字,即字符在字符串中的位置。
在这里插入图片描述
6、快速转换字符串大小写

const input ="JavaScript";
//11全部转大写
const upper=input.toUppercase();//"JAVASCRIPT"
//全部转小写
const lower=input.toLowerCase();//"javascript"
//实用技巧:首字母大写
capitalize = str =>str.charAt(0).toUpperCase()+ str.slice(1).toLowerCase();constconsole.log(capitalize("javaScript"));//"Javascript"

7、替换所有空格为破折号

// 替换所有空格为破折号
const title = "JavaScript String Methods";
const slug = title.toLowerCase().replace(/\s+/g, '-');
// "javascript-string-methods"

//  高级替换:转换驼峰命名
const camelToSnake = str => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
console.log(camelToSnake("getUserName")); // "get_user_name"

***:自己开发中常遇到,就当一个笔记,记不住打开看看例子就明白;

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐