JS中join()、splice()、slice()和split()函数用法示例

• join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

代码示例：

arr.join() // 返回的是一个字符串,如果数组为空 则返回一个空字符串

var a = ['a', 'b', 'c'];
var val1 = a.join();      // val1的值变为"a,b,c"
var val2 = a.join(', ');  // val2的值变为"a, b, c"
var val3 = a.join(' + '); // val3的值变为"a+ b+ d"
var val4 = a.join('');    // val4的值变为"abc"
console.log(val1);
console.log(val2);
console.log(val3);
console.log(val4);

 运行结果：

•  splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

 代码示例：

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])  // 返回一个由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组。

// start ：指定修改的开始位置（从0计数

// deleteCount ： 整数，表示要移除的元素的个数

// item1,item2...  ：表示要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

// 从索引 0 的位置开始删除 2 个元素，插入'black', 'purple', 'pink'
var arr= ['red', 'yellow', 'blue', 'white'];
var removed = arr.splice(0, 2, 'black', 'purple', 'pink');
console.log(arr)

// 被删除的元素: ["red", "yellow"]

 运行结果：

• slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。

代码示例：

arr.slice([begin[, end]]) // 返回一个含有被提取元素的新数组。
// begin 从该索引开始提取原数组元素
// 在该索引处结束提取原数组元素

var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
var citrus = fruits.slice(1, 3);
console.log(fruits);

 运行结果：

• split() 将一个字符串分割成由多个字符串组成的数组

代码示例：

// 参数1 中的2 表示去掉字符串中的’2‘，返回5个字符串组成的数组

var str = '12232138209'
var arr = str.split(2, 5);
console.log(arr);

运行结果：