JavaScript——concat()方法

concat()方法

concat 方法将创建一个新的数组，然后将调用它的对象(this 指向的对象)中的元素以及所有参数中的数组类型的参数中的元素以及非数组类型的参数本身按照顺序放入这个新数组,并返回该数组.

concat 方法并不修改调用它的对象(this 指向的对象) 和参数中的各个数组本身的值,而是将他们的每个元素拷贝一份放在组合成的新数组中.原数组中的元素有两种被拷贝的方式:

• 对象引用(非对象直接量):concat 方法会复制对象引用放到组合的新数组里,原数组和新数组中的对象引用都指向同一个实际的对象,所以,当实际的对象被修改时,两个数组也同时会被修改.

• 字符串和数字(是原始值,而不是包装原始值的 String 和 Number对象): concat方法会复制字符串和数字的值放到新数组里.

• String.prototype.concat()
  concat() 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。

str.concat(string2, string3[, ..., stringN])

string2...stringN
和原字符串连接的多个字符串

var hello = "Hello, ";
console.log(hello.concat("Kevin", " have a nice day.")); /* Hello, Kevin have a nice day. */

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

var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

valueN:需要与原数组合并的数组或非数组值。
返回值:新的 Array 实例。

  let arr1 = ["a", "b", "c"];
  let arr2 = ["d", "e", "f"];

  let arr3 = arr1.concat(arr2);

  console.log(arr3);
  // results in a new array 
  // [ "a", "b", "c", "d", "e", "f" ]
  
  console.log(arr1);
  // ["a", "b", "c"]
  
  console.log(arr2);
  // ["d", "e", "f"]
  

将非数组值合并到数组里

 var alpha = ['a', 'b', 'c'];
 // 组成新数组 ["a", "b", "c", 1, 2, 3], 原alpha数组未被修改
 var alphaNumeric = alpha.concat(1, [2, 3]);

连接两个数组

var alpha = ["a", "b", "c"];
var numeric = [1, 2, 3];

// 组成新数组 ["a", "b", "c", 1, 2, 3]; 原数组 alpha 和 numeric 
未被修改
 var alphaNumeric = alpha.concat(numeric);

连接三个数组

var num1 = [1, 2, 3];
var num2 = [4, 5, 6];
var num3 = [7, 8, 9];

// 组成新数组[1, 2, 3, 4, 5, 6, 7, 8, 9]; 原数组 num1, num2, num3 未被修改
var nums = num1.concat(num2, num3);