アレイメソッド



JavaScriptの配列メソッドは何ですか?
JavaScriptの配列メソッドはJavaScriptの組み込み関数の一部です.配列に適用できます.各々の方法は、異なる機能および特徴を有する.を使用して、さまざまなタスクを配列で実行できます.これは単純な関数を書かなければならないからです.
これらはJavaScriptの配列メソッドです:


準拠
concat ()メソッドを使用して、2つ以上の配列を追加します.既存の配列を変更しませんが、新しい配列を作成し、その配列のコピーを返します.
例:
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]


filter ()
filter ()メソッドは、配列の各要素を持つ新しい配列を作成します.この関数は、関数内の条件を満たす要素を使用します.
例:
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]


find () :
find ()メソッドは配列の各要素と比較して配列の最初の要素の値を返します.関数内の条件を満たす要素.
例:
const array1 = [5, 12, 8, 130, 44];

const found = array1.find(element => element > 10);

console.log(found);
// expected output: 12


findIndex():
findinDex ()メソッドは、配列の各要素と比較して配列の最初の要素のインデックス番号を取得します.関数内の条件を満たすコンポーネント.それ以外の場合は- 1を返し、要素が条件を満たしていないことを示します.
例:
const array1 = [5, 12, 8, 9, 140, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber));
// expected output: 4


はじめに
forech ()メソッドは配列の各要素に対して一度関数を呼び出します.
例:
const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

// expected output: "a"
// expected output: "b"
// expected output: "c"


include () :
includes()メソッドは、配列がその要素を含むかどうかを確認します.を返します.
例:
const array1 = [1, 2, 3];
console.log(array1.includes(2));
// expected output: true
const pets = ['cat', 'dog', 'bat'];
console.log(pets.includes('cat'));
// expected output: true
console.log(pets.includes('at'));
// expected output: false


index () :
indexOf ()メソッドは、指定した要素の配列の最初のインデックスを返します.
例:
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));
// expected output: 1

console.log(beasts.indexOf('giraffe'));
// expected output: -1


pop () :
pop ()メソッドは、配列から最後の要素を削除し、その要素を返します.を返します.このメソッドは配列の長さを変更します.
例:
const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());
// expected output: "tomato"

console.log(plants);
// expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"]


shift () :
shift ()メソッドは、配列から最初の要素を削除し、削除した要素を返します.を返します.このメソッドは配列の長さを変更します.
例:
const array1 = [1, 2, 3];

console.log(array1.shift());
// expected output: 1

console.log(array1);
// expected output: Array [2, 3]


push () :
push ()メソッドは、配列の末尾に新しい要素を追加し、最後に要素を持つ新しい配列を作成し、新しい長さを返します.このメソッドは配列の長さを変更します.
例:
const animals = ['pigs', 'goats', 'sheep'];

console.log(animals);
// expected output: Array ["pigs", "goats", "sheep"]

animals.push('chickens', 'cats', 'dogs');
console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "chickens", "cats", "dogs"]


unshift () :
unshift ()メソッドは、配列の先頭に1つ以上の新しい要素を追加し、最初の要素を持つ新しい配列を作成し、新しい長さを返します.このメソッドは配列の長さを変更します.
例:
const array1 = [1, 2, 3];

console.log(array1);
// expected output: Array [1, 2, 3]

array1.unshift(4, 5)

console.log(array1);
// expected output: Array [4, 5, 1, 2, 3]


結論
このチュートリアルでは、いくつかの共通配列メソッドを学びました.パート2は、Arrayメソッドの詳細については、すぐに来ます.

リファレンス

  • MDN Web Docs
  • W3Schools Web Docs

  • 読書ありがとう
    私に連絡してください.
  • Portfolio
  • GitHub