ホームページ  >  記事  >  ウェブフロントエンド  >  JS ではどの Array メソッドを使用するべきですか?

JS ではどの Array メソッドを使用するべきですか?

DDD
DDDオリジナル
2024-09-20 18:45:39914ブラウズ

Which Array method to use in JS?

  1. 元の配列を変更するには:
    1. プッシュ() 説明: 1 つ以上の要素を配列の末尾に追加します。
js
const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. ポップ() 説明: 配列から最後の要素を削除し、その要素を返します。
js
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
  1. シフト() 説明: 配列から最初の要素を削除し、その要素を返します。
js
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['banana', 'orange']
console.log(firstFruit); // Output: 'apple'
  1. シフト解除() 説明: 1 つ以上の要素を配列の先頭に追加します。
js
const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. スプライス() 説明: 既存の要素を削除または置換したり、新しい要素を追加したりして、配列の内容を変更します。
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'kiwi', 'mango'); // Removes 1 element at index 1 and adds 'kiwi' and 'mango'
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']
  1. fill() 説明: 開始インデックスから終了インデックスまでの配列のすべての要素を静的な値で埋めます。
js
const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 1, 4); // Fills from index 1 to 4 with 0
console.log(numbers); // Output: [1, 0, 0, 0, 5]
  1. ソート() 説明: 配列の要素を適切にソートし、ソートされた配列を返します。
js
const numbers = [5, 3, 8, 1];
numbers.sort(); // Sorts numbers as strings by default
console.log(numbers); // Output: [1, 3, 5, 8]
  1. リバース() 説明: 配列の要素をその場で反転します。
js
const numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers); // Output: [4, 3, 2, 1]
  1. splice() による削除 説明: splice() を使用して、要素を追加せずに削除することもできます。
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // Removes 1 element at index 1
console.log(fruits); // Output: ['apple', 'orange']
  1. copyWithin() 説明: Shallow は、配列の一部を同じ配列内の別の場所にコピーし、元の配列を変更します。
js
const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3); // Copies elements from 
index 3 to 0
console.log(numbers); // Output: [4, 5, 3, 4, 5]

以上がJS ではどの Array メソッドを使用するべきですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。