ホームページ > ウェブフロントエンド > jsチュートリアル > スライス法とスプライス法を区別する

スライス法とスプライス法を区別する

WBOY
リリース: 2024-02-18 23:11:12
オリジナル
647 人が閲覧しました

スライス法とスプライス法を区別する

スライス方法とスプライス方法の違いには、具体的なコード例が必要です。

JavaScript では、配列は複数の値を格納できるようにする一般的に使用されるデータ構造です。 . 、インデックスを通じてこれらの値にアクセスして変更します。配列を操作するとき、配列の一部をインターセプトしたり、配列の要素を削除/追加したりする必要がある状況によく遭遇します。 JavaScript では配列を操作するためのメソッドとして、slice メソッドと splice メソッドという機能の異なる 2 つのメソッドが用意されています。

まず、slice メソッドを見てみましょう。このメソッドは、開始インデックスと終了インデックスを指定することで、元の配列の開始インデックスから終了インデックスまでの要素 (終了インデックスに対応する要素を除く) を含む新しい配列を返すことができます。スライス メソッドは元の配列を変更しませんが、配列の新しいコピーを返します。

以下は、slice メソッドを使用したサンプル コードです。

const fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];

// 从索引1开始,到索引3结束(不包含索引3)
const slicedFruits = fruits.slice(1, 3);

console.log(slicedFruits); // 输出: ['banana', 'orange']
console.log(fruits); // 输出: ['apple', 'banana', 'orange', 'grape', 'watermelon']
ログイン後にコピー

上記のコードでは、slice メソッドを使用して、元の配列フルーツのインデックス 1 からインデックス 3 までの要素をインターセプトします。新しい配列slicedFruitsを取得しました。元の配列のフルーツは変更されておらず、すべての要素が含まれていることに注意してください。

次に、接合方法を見てみましょう。このメソッドは、開始インデックス、削除する要素の数、追加する要素を指定して配列を変更します。 splice メソッドは、配列の新しいコピーを返すのではなく、元の配列を直接変更します。

以下は、splice メソッドを使用したサンプル コードです。

const fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];

// 从索引1开始删除2个元素,并添加'pear'和'kiwi'
fruits.splice(1, 2, 'pear', 'kiwi');

console.log(fruits); // 输出: ['apple', 'pear', 'kiwi', 'grape', 'watermelon']
ログイン後にコピー

上記のコードでは、splice メソッドを使用して、元の配列 Fruit のインデックス 1 から始まる 2 つの要素を削除し、追加します。 「洋梨」と「キウイ」。ご覧のとおり、元の配列のフルーツが変更され、その要素が変更されています。

概要:

  • slice メソッドは、配列の一部をインターセプトし、元の配列を変更せずに配列の新しいコピーを返します。
  • splice メソッドは、要素を削除および追加したり、元の配列を直接変更したりできます。

スライス方法とスプライス方法を比較することで、特定のニーズに応じてアレイの操作にどちらの方法を使用するかを選択できます。

以上がスライス法とスプライス法を区別するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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