概念
Array.prototype.concat方法将数组实例中的元素与添加一个或多个元素（数组）合并成一个新数组。
语法
arr.concat(element1)
arr.concat(element1, element2)
arr.concat(element1, element2 ... elementN)
参数
- elementN 指需要合并元素（数组）。
返回值
返回新的数组实例。
描述
- 如果
element是非数组时，将element添加到新数组当中。 - 如果
element是数组时，将element中的元素逐一添加到新数组中。
例子
例一、当参数element非数组时
let arr = ['前', '端', '咖']; let result = arr.concat('手', '册'); console.log(result); // ['前', '端', '咖', '手', '册']
例二、当参数element是数组时
let arr = ['前', '端', '咖']; let result = arr.concat(['手', '册']); console.log(result); // ['前', '端', '咖', '手', '册']
例三、当参数element是多维数组时
let arr = ['前', '端', '咖']; let result = arr.concat(['手', '册', ['qian', 'duan']]); console.log(result); // ['前', '端', '咖', '手', '册', ['qian', 'duan']]
例三、当参数element是任意值时
let arr = ['前', '端', '咖']; let result = ['手', '册', 1, true, { qdk: '前端咖' }]; console.log(result); // ['前', '端', '咖', '手', '册', 1, true, { qdk: '前端咖' }]
例三、当参数element不存在时
let arr = ['前', '端', '咖']; let result = arr.concat(); console.log(result); // ['前', '端', '咖']
面试
- 聊一聊
concat与push的区别？
实现 concat 方法
if (!Array.prototype.concat) { Array.prototype.concat = function () { let arr = []; for (let i = 0, l = this.length; i < l; i++) { arr.push(this[i]); } if (arguments.length) { for (let i = 0, l = arguments.length; i < l; i++) { let elem = arguments[i]; if (Object.prototype.toString.call(elem) == '[object Array]') { for (let j = 0, jl = elem.length; j < jl; j++) { arr.push(elem[i]); } } else { arr.push(elem); } } } retun arr; }; }
