Array.prototype.concat 妙用

作者: lip2up | 来源:发表于2018-04-02 17:16 被阅读3次

将单个值，变成数组处理

function foo(val) {
    const list = [].concat(val)
}

如果参数 val 是单个值，则 list 为 [ val ]，如果是数组，则 list 就等于该数组，相当于以下代码：

function foo(val) {
    const list = val instanceof Array ? val : [ val ]
}

这是因为，concat 具有一个很大的特性：

[].concat(1)          => [1]
[].concat([1, 2, 3])  => [1, 2, 3]

另，还可以利用 concat 的这种特性，实现数组平坦化（flat）

a = [[1, 2], [3, 4]]
[].concat.apply([], a)  // [1, 2, 3, 4]

Array.prototype.concat 妙用
将单个值，变成数组处理如果参数 val 是单个值，则 list 为 [ val ]，如果是数组，则 list 就...
赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）
具体方法 Object.assign() Array.prototype.concat() Array.proto...
JS浅拷贝和深拷贝
浅拷贝：Array.prototype.concat()拷贝数组，Object.assign() 拷贝对象1.两个...
Array数组的基本操作（1）
数组是值的有序集合。 Array.prototype.concat() [ES3] （concat()方法合并两个...
Array.prototype.方法
Array.prototype.concat() 合并数组，返回一个合并的数组，原数组不会发生改变 Array.p...
数组的常用api
Array.prototype.concat() 拼接多个数组，不改变里面的数组，返回一个新的数组 arr.eve...
JavaScript 数组对象原型方法（一）
Array.prototype.concat() 合并一个或多个数组；不会覆盖原数组结构；多个数组的合并，存在...
Array.prototype.concat() 和 Objec
ES6 中提供了一些对象的方法扩展，其中的 Object.assgin() 让我印象深刻，因为他的使用方式和效果，...
竞
妙用竞争
Swift中下划线和＂#＂的妙用
Swift中下划线和＂#＂的妙用 Swift中下划线和＂#＂的妙用