数组的拼接方法

方法列表

• concat
• join
• toString

concat

concat 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。

concat 方法创建一个新的数组，它由被调用的对象中的元素组成，每个参数的顺序依次是该参数的元素（如果参数是数组）或参数本身（如果参数不是数组）。它不会递归到嵌套数组参数中。

concat 方法不会改变 this 或任何作为参数提供的数组，而是返回一个浅拷贝，它包含与原始数组相结合的相同元素的副本。 原始数组的元素将复制到新数组中。

参数说明

concat (
    ...args: any
) return // 新的 Array 实例

示例

连接数组

var
  num1 = [1, 2, 3],
  num2 = [2, 3, 4],
  num3 = 5;
var nums = [].concat(num1, num2, num3)
console.log(nums) // [1, 2, 3, 2, 3, 4, 5]
console.log(num1.concat(num2, num3)) // [1, 2, 3, 2, 3, 4, 5]

join

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

如果一个元素为 undefined 或 null，它会被转换为空字符串。

参数说明

join (
    separator: string | undefined
) return // 一个所有数组元素连接的字符串，如果是空数组则返回空字符串

示例

var a = ['Wind', 'Rain', 'Fire'];
a.join();      // "Wind,Rain,Fire"
a.join(', ');  // "Wind, Rain, Fire"
a.join(' + '); // "Wind + Rain + Fire"
a.join('');    // "WindRainFire"

toString

toString 返回一个字符串，表示指定的数组及其元素。

调用 toString 方法会将数组中的元素一起递归调用，如果是多维数组也并不会出现 [object Array] 的情况

参数说明

toString () return string

示例

const arr = [1, 2, 'a', '1a'];
arr.toString() // "1,2,a,1a"

多维数组的情况

const arr = [
  1, 2, 3,
  [4, 5],
  [6, [7, [8]]]
]
arr.toString() // 1,2,3,4,5,6,7,8