JavaScript 数组 —— copyWithin()、concat()、from()

1、copyWithin()

copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

语法：

array.copyWithin(target, start, end)

参数：

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

var arr = [1,2,3,5,6,7,8,9,10]
arr.copyWithin(3,0,2)
//[1, 2, 3, 1, 2, 7, 8, 9, 10]

2、concat()

concat() 方法用于连接两个或多个数组。

该方法不会改变现有数组，而会返回被连接数组的一个副本。

语法：

var newArr = array1.concat(array2,array3,...,arrayX);

如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

例子：

var arr = ['张三','李四','劳务','老五','老七'];
var arr1 = [ 1, 2, 3, 4, 5, 622, 21 ];  
var arr2 = 123;
var newArr = [].concat(arr,arr1,arr2)
newArr;//["张三", "李四", "劳务", "老五", "老七", 1, 2, 3, 4, 5, 622, 21, 123]

3、from()

from() 方法用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组。

如果对象是数组返回true，否则返回false。

语法：

Array.from(object, mapFunction, thisValue)

参数：

参数	描述
object	必须，需要转换为数组的对象
mapFunction	可选，数组中每个元素都会调用的函数
thisValue	可选，映射 mapFunction 函数中的 this 对象。

var a= Array.from('naio')
a;//["n", "a", "i", "o"]

var arr = Array.from([1, 2, 3], x => x * 10);
arr;//[10, 20, 30]

var setObj = new Set(["a", "b", "c"]);
var objArr = Array.from(setObj);
objArr;//["a", "b", "c"]