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

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

DDD
リリース: 2024-09-20 18:45:39
オリジナル
950 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート