前端JavaScript中array数组的基础相关方法-合并拆分

一、join

使用join连接成字符串

join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

操作：将原数组的元素组合成一个字符串输出，以某个分隔符作为连接，若是参数缺省，则分隔符默认为‘，’。

返回值：将原数组以参数为分隔符组合输出为字符串，该字符串为返回值。

let arr = [1, 2,3];
console.log(arr.join('-')); //1-2-3 使用join可以指定转换的连接方式

split 方法用于将字符串分割成数组，类似join方法的反函数

arrayObject.splice(index,howmany,item1,.....,itemX)：删除（或者添加）从index开始的howmany个元素，用itemx来对删除的元素进行替换。

操作：index（包含index）决定操作起始位置，删除或者是添加，当howmany为0则不是删除，则从index开始依次添加itemx。

返回值：若是howmany不为0，则执行删除操作，splice函数返回值是删除的元素组成的数组。若是howmany为0，则返回值是空数组。

let price = "99,78,68";
console.log(price.split(",")); //["99", "78", "68"]

concat方法用于连接两个或多个数组，元素是值类型的是复制操作，如果是引用类型还是指向同一对象

将参数数组作为参数添加到调用数组中，添加的不是参数数组而是参数数组的元素，顺序添加。

操作：不会改变原数组，会在原数组的副本中添加参数数组，并将添加后的原数组副本作为返回值。

返回值：添加参数数组元素之后原数组副本作为返回值。

let array = ["a", "b"];
let hd = [1, 2];
let cms = [3, 4];
console.log(array.concat(hd, cms)); //["a", "b", 1, 2, 3, 4]

也可以使用扩展语法实现连接

console.log([...array, ...hd, ...cms]);

使用 copyWithin 从数组中复制一部分到同数组中的另外位置。

语法说明

array.copyWithin(target, start, end)

参数说明

参数描述
target 必需。复制到指定目标索引位置。
start 可选。元素复制的起始位置。
end 可选。停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。

const arr = [1, 2, 3, 4];
console.log(arr.copyWithin(2, 0, 2)); //[1, 2, 1, 2]