Javascript 操作数组与字符串的方法

• concat() 用于连接两个或多个数组（也可以用来拼接字符串）并会返回一个新数组

// 连接两个数组
let arr1 = [1,2,3,4]
let arr2 = [5,6,7]
let newArr = arr1.concat(arr2)
console.log(newArr) // 输出结果为 [1, 2, 3, 4, 5, 6, 7]

// 连接多个数组
let arr1 = [1,2,3,4];
let arr2 = [5,6,7];
let arr3 = [8,9,10];
let newArr = arr1.concat(arr2,arr3);
console.log(newArr) // 输出结果为 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 连接字符串
let str = '123';
let str1 = '456';
let newStr = str.concat(str1);
console.log(newStr) // 输出结果为 '123456'

• push() 向数组的末尾添加一个或多个元素

// push() 方法会改变原数组
let arr1 = [1,2,3,4];
let arr2 = 5;
arr1.push(arr2);
console.log(arr1) // 输出结果为 [1, 2, 3, 4, 5]

// push() 方法会返回数组的长度
let arr1 = [1,2,3,4];
let arr2 = 5;
let newLength = arr1.push(arr2);
console.log(newLength) // 输出结果为 5 

• unshift() 向数组的开头添加一个或多个元素

// unshift() 方法会改变原数组
let arr1 = [1,2,3,4];
let arr2 = 5;
arr1.unshift(arr2);
console.log(arr1) // 输出结果为 [5, 1, 2, 3, 4]

// unshift() 方法会返回数组的长度
let arr1 = [1,2,3,4];
let arr2 = 5;
let newLength = arr1.unshift(arr2);
console.log(newLength) // 输出结果为 5 

• pop() 删除并返回数组的最后一个元素

// pop() 方法会删除数组的最后一个元素
let arr1 = [1,2,3,4];
arr1.pop();
console.log(arr1) // 输出结果为 [1, 2, 3]

// pop() 方法会返回被删除的最后一个元素
let arr1 = [1,2,3,8];
let arr2 = arr1.pop();
console.log(arr2) // 输出结果为 8

• shift() 删除并返回数组的第一个元素

// shift() 方法会删除数组的第一个元素
let arr1 = [1,2,3,4];
arr1.shift();
console.log(arr1) // 输出结果为 [2, 3, 4]

// shift() 方法会返回被删除的最后一个元素
let arr1 = [9,2,3,8];
let arr2 = arr1.shift();
console.log(arr2) // 输出结果为 9

• split() 将字符串转为数组并返回一个新数组

let str = 'www.baidu.com';
let newArr = str.split('.');
console.log(newArr) // 输出结果为 ['www', 'baidu', 'com']

• join() 将数组分割为字符串并返回一个新字符串

let str = ['www', 'baidu', 'com'];
let newArr = str.join('.');
console.log(newArr) // 输出结果为 www.baidu.com

• replace() 字符串替换并返回一个新字符串

let str = "abcde12345MNBVC*()&%";
let str1 = str.replace("abc","ABC");
console.log(str1) // 输出结果为 ABCde12345MNBVC*()&%

• 截取字符串的几种方法

// 字符串.slice(开始下标, 结束下标) 返回被截取出来的字符串不会改变原数据
let str = "abcde12345MNBVC*()&%";
let str1 = str.slice(0,3); 
console.log(str1) // 输出结果为 abc *注意截取不包含结束下标下的字符串
let str = "abcde12345MNBVC*()&%";
let str1 = str.slice(1);
console.log(str1) // 输出结果为 bcde12345MNBVC*()&% *注意如果不输结束下标则默认截取到字符串末尾

// 字符串.substr(开始下标, 截取长度) 返回截取出来的字符串不会改变原数据
let str = "abcde12345MNBVC*()&%";
let str1 = str.substr(0,5); 
console.log(str1) // 输出结果为 abcde  同样如果第二个参数省略了则默认截取到字符串末尾

// 字符串.substring(开始下标，结束下标) 返回被截取的字符串不会改变原数据
let str = "abcde12345MNBVC*()&%";
let str1 = str.substring(0,5); 
console.log(str1) // 输出结果为 abcde 同样如果第二个参数省略了则默认截取到字符串末尾

• 截取数组的几种方法

// 数组.splice(开始下标, 截取长度) 返回被截取出来的字符串并改变原数组
let arr = [1,2,3,4,5];
let newArr = arr.splice(2,3);
console.log(newArr) // 输出结果为 [3, 4, 5] *注意 包含结束下标下的数据
// 并改变原数组  原数据则为   [1, 2]
let arr = [1,2,3,4,5];
let newArr = arr.splice(1); // 如果第二个参数省略了则默认截取到末尾
console.log(newArr) // 输出结果为[2, 3, 4, 5]
// 传递三个或多个参数，则第 3 个以及后面所有参数都被视为插入的元素
var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2,2,6,7);  
//从第三个元素开始执行删除，删除元素个数为2个，第三个及以后的参数作为需要插入的元素
console.log(a);  //返回[1,2,6,7,5]

// 数组.slice(开始下标, 结束下标) 返回被截取出来的数组不会改变原数据
let arr = [1,2,3,4,5];
let newArr = arr.slice(2,4); 
console.log(newArr) // 输出结果为 [3, 4] *注意截取不包含结束下标下的字符串
let arr = [1,2,3,4,5];
let newArr = arr.slice(2);
console.log(newArr) // 输出结果为 [3, 4, 5] *注意如果不输结束下标则默认截取到数组末尾