JS數組追加一個數組

一、js數組添加到另一個數組

將一個數組添加到另一個數組的末尾，可以使用concat()方法，這個方法會返回一個新的數組，不影響原數組。

  
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = arr1.concat(arr2);
console.log(arr); // [1, 2, 3, 4, 5, 6]
  

使用spread語法可以簡化上述代碼。

  
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = [...arr1, ...arr2];
console.log(arr); // [1, 2, 3, 4, 5, 6]
  

二、js將一個數組分割成多個數組

將一個大數組分割成多個小數組，可以使用Array.from()方法和Math.ceil()函數。

  
let arr = [1, 2, 3, 4, 5, 6];
let size = 2;
let newArr = Array.from({length: Math.ceil(arr.length / size)}, (v, i) => arr.slice(i * size, i * size + size));
console.log(newArr); // [[1, 2], [3, 4], [5, 6]]
  

三、js數組追加一個元素

將一個元素追加到數組末尾，可以使用push()方法。

  
let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
  

四、js數組向前追加

將一個元素或一個數組追加到數組開頭，可以使用unshift()方法。

  
let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
  

五、js一個數組篩選另一個數組

將一個數組中滿足條件的元素篩選出來，可以使用filter()方法。

  
let arr1 = [1, 2, 3, 4, 5, 6];
let arr2 = arr1.filter(item => item > 3);
console.log(arr2); // [4, 5, 6]
  

六、js數組前面追加

將一個數組追加到另一個數組前面，可以使用splice()方法。

  
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
arr1.splice(0, 0, ...arr2);
console.log(arr1); // [4, 5, 6, 1, 2, 3]
  

七、js數組追加對象

將一個對象追加到數組末尾，可以使用push()方法；將一個對象追加到數組開頭，可以使用unshift()方法。

八、js追加數組的方法

除了上述提到的concat()方法和spread語法外，還可以使用push()方法。

  
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
arr1.push(...arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]
  

九、js數組加一

將數組中的每個元素加一，可以使用map()方法。

  
let arr = [1, 2, 3];
arr = arr.map(item => item + 1);
console.log(arr); // [2, 3, 4]
  

十、js把兩個數組合併成一個數組

將兩個數組合併成一個數組，可以使用concat()方法、spread語法和push()方法。

  
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = arr1.concat(arr2); // [1, 2, 3, 4, 5, 6]
let arr4 = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
arr1.push(...arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]