知っておくべきJavaScriptの配列メソッド

配列は JavaScript プログラミングの重要な部分であり、データのコレクションを保存および操作するための強力な方法を提供します。この記事では、すべての JavaScript プログラマーがより効率的で明確なコードを作成するために知っておくべき 18 の基本的な配列メソッドについて説明します。

1.プッシュ

arr.push(..element) メソッドは、配列の末尾に新しい要素を追加し、配列の新しい長さを返します。このメソッドは元の配列を変更します。

構文:

arr.push(element1, element2, …)

例:

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

2. ポップ

arr.pop() メソッドは、配列から最後の要素を削除し、削除された要素を返します。このメソッドは、元の配列とその長さも変更します。

構文:

arr.pop()

例:

let arr = [1, 2, 3, 4];
arr.pop(); // arr agora é [1, 2, 3]

3. シフト

arr.shift() メソッドは、配列から最初の要素を削除し、削除された要素を返します。このメソッドは、元の配列の長さも変更します。

構文:

arr.shift()

例:

let arr = [1, 2, 3, 4];
arr.shift(); // arr agora é [2, 3, 4]

4.シフトを解除する

arr.unshift(elements) メソッドは、1 つ以上の要素を配列の先頭に追加し、配列の新しい長さを返します。

構文:

arr.unshift(item1, item2, …)

例:

let arr = [2, 3, 4];
arr.unshift(1); // arr agora é [1, 2, 3, 4]

5. スプライス

arr.splice() メソッドは、要素を削除、置換、または追加することにより、元の配列を変更します。

構文:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

例:

let arr = [1, 2, 3, 4];
arr.splice(1, 1); // arr agora é [1, 3, 4]

6. スライス

arr.slice() メソッドは、配列の一部を選択し、先頭のインデックスから末尾までコピーされた項目を含む新しい配列を返します。元の配列は変更されません。

構文:

arr.slice(start, end)

例:

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // newArr é [2, 3]

7. 含まれるもの

arr.includes(item,index) メソッドは、指定されたインデックスから項目が配列内に存在するかどうかを確認し、見つかった場合は true を返し、それ以外の場合は false を返します。

構文:

arr.includes(item, index)

例:

let arr = [1, 2, 3, 4];
arr.includes(3); // true

8. それぞれに

arr.forEach() メソッドは、配列の各要素に対して指定された関数を 1 回実行します。

構文:

arr.forEach(callback)

例:

let arr = [1, 2, 3, 4];
arr.forEach(num => console.log(num)); // imprime 1, 2, 3, 4

9. 参加する

arr.join(separator) メソッドは、配列のすべての要素が特定の区切り文字で区切られて連結された文字列を作成します。

構文:

arr.join(separator)

例:

let arr = [1, 2, 3, 4];
arr.join('-'); // "1-2-3-4"

10.toString

arr.toString() メソッドは、配列を文字列に変換し、結果を返します。

構文:

arr.toString()

例:

let arr = [1, 2, 3, 4];
arr.toString(); // "1,2,3,4"

11. 地図

map() メソッドは、元の配列の各要素に対してコールバック関数を呼び出し、結果を含む新しい配列を返します。これは非突然変異メソッドです。

構文:

  arr.map(function callback(currentValue, index, array) {
    // Retorna um novo valor
  })

例:

let arr = [1, 2, 3, 4];
let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

12.減らす

reduce() メソッドは、アキュムレータと各配列要素 (左から右へ) に関数を適用して、単一の値に減らします。

構文:

arr.reduce(function callback(accumulator, currentValue, index, array) {
  // Retorna o valor acumulado
}, initialValue)

例:

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, num) => acc + num, 0); // 10

13. フィルター

filter() メソッドは、提供された関数によって実装されたテストに合格したすべての要素を含む新しい配列を作成します。

構文:

arr.filter(function callback(element, index, array) {
  // Retorna true para manter o elemento
})

例:

let arr = [1, 2, 3, 4];
let even = arr.filter(num => num % 2 === 0); // [2, 4]

14. 並べ替え

sort() メソッドは、配列の要素を昇順で、または提供された比較関数に従って整理します。

構文:

arr.sort([compareFunction])

例:

let arr = [4, 2, 3, 1];
arr.sort(); // [1, 2, 3, 4]

15.探す

find() メソッドは、指定されたテスト関数を満たす配列内の最初の要素を返します。

構文:

arr.find(function callback(element, index, array) {
  // Retorna true para encontrar o elemento
})

例:

let arr = [1, 2, 3, 4];
let found = arr.find(num => num > 2); // 3

16. インデックス

indexOf() メソッドは、配列内で指定された要素が見つかる最初のインデックスを返します。要素が存在しない場合は -1 を返します。

構文:

arr.indexOf(searchElement, fromIndex)

例:

let arr = [1, 2, 3, 4];
let index = arr.indexOf(3); // 2

17.追加

some() メソッドは、配列内の少なくとも 1 つの要素が実装されたテスト関数に合格するかどうかをテストします。

構文:

arr.some(function callback(element, index, array) {
  // Retorna true se pelo menos um elemento passar no teste
})

例:

let arr = [1, 2, 3, 4];
let hasEven = arr.some(num => num % 2 === 0); // true

18. Concat

O método concat() é usado para mesclar dois ou mais arrays.

Sintaxe:

arr.concat(array2, array3, ..., arrayN)

Exemplo:

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

Esses métodos são fundamentais para trabalhar com arrays em JavaScript. Dominar esses métodos permitirá que você manipule dados de forma mais eficiente e escreva códigos mais limpos e legíveis. Feliz codificação!

Referências:

• 10 Important JavaScript Array Methods You Must Know
• Lists of Top 10 JavaScript array methods a beginner Js developer should know

以上が知っておくべきJavaScriptの配列メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。