JavaScript の配列の一般的なメソッド

JavaScript の配列は、一連の要素を格納し、多くの便利な操作メソッドを提供できる非常に便利なデータ構造です。一般的に使用される配列メソッドをいくつか示します。

1. Push(): 配列の末尾に 1 つ以上の要素を追加します。

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

2. Pop(): 配列の末尾から最後の要素を削除します。

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

3. unshift(): 配列の先頭に 1 つ以上の要素を追加します。

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

4. SHIFT(): 配列の先頭から最初の要素を削除します。

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

5. splice(): 指定された位置の要素を挿入、削除、または置換します。

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1); // 删除下标为2的元素
console.log(arr); // [1, 2, 4, 5]

arr.splice(2, 0, 3); // 在下标为2处插入元素3
console.log(arr); // [1, 2, 3, 4, 5]

arr.splice(2, 1, 'three'); // 替换下标为2的元素
console.log(arr); // [1, 2, 'three', 4, 5]

6. lice(): 指定された位置の部分配列を返します。

let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(2, 4); // 返回下标为2和3的元素组成的数组
console.log(subArr); // [3, 4]

7. concat(): 複数の配列を結合する

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

8. forEach(): 配列の各要素に対して指定された操作を実行します。

let arr = [1, 2, 3];
arr.forEach(function(item, index, array) {
    
    
  console.log(item, index, array);
});
// 输出：
// 1 0 [1, 2, 3]
// 2 1 [1, 2, 3]
// 3 2 [1, 2, 3]

9. map(): 配列の各要素に対して指定された操作を実行し、新しい配列を返します。

let arr = [1, 2, 3];
let newArr = arr.map(function(item) {
    
    
  return item * 2;
});
console.log(newArr); // [2, 4, 6]

10. filter(): 配列内の修飾されていない要素をフィルターし、新しい配列を返します。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(item) {
    
    
  return item % 2 === 0;
});
console.log(newArr); // [2, 4]

11. reduce(): 配列の各要素に対して指定された演算を実行し、累積値を返します。

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce(function(prev, curr) {
    
    
  return prev + curr;
});
console.log(sum); // 15

これらの方法は非常に一般的に使用されており、これらをマスターすると配列をより効率的に処理できるようになります。