ホームページ  >  記事  >  ウェブフロントエンド  >  JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

青灯夜游
青灯夜游オリジナル
2021-08-19 12:05:1211688ブラウズ

前回の記事「JS配列学習:先頭要素や末尾要素を削除する方法」では、配列の先頭や末尾の要素を削除する方法を紹介しました。 JavaScript 配列の学習と練習を続けて、配列の添え字に基づいて要素を削除する方法を見てみましょう。興味のある友人はそれについて学ぶことができます~

配列内の各要素にはシリアル番号があることは誰もが知っています。このシリアル番号は0 から始まり、インデックスと呼ばれます。この配列の添字に従って、配列名[添字] の形式を使用して、指定された添字の要素にアクセスできます。

指定された要素にアクセスした後、delete 演算子を使用して要素を削除できますが、配列の長さは変更されません。削除された要素は変更されます。ギャップ要素です。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

ギャップ要素は読み書き可能です。長さ属性はギャップを除外しません。null 要素の位置の戻り値は未定義です

console.log(arr[1]);

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

説明: 空要素と値が未定義の要素は 2 つの異なる概念であり、空要素の戻り値も未定義です。 JavaScript が配列を初期化するとき、実際に貴重な要素を格納する場合にのみメモリを割り当てることができます。

delete 演算子は、一度に 1 つの配列要素のみを削除するために使用できます。また、配列の長さは変更されないため、length 属性を通じて配列の変更を観察することはできません。したがって、指定した添字位置にある 1 つ以上の要素を削除し、実際にこれらの要素を削除する場合は、配列の長さを変更する必要があります。

splice() メソッドを使用できます。 前に述べたように、splice() は強力なメソッドです。要素を挿入するためにこれを使用する方法はすでに学習しました。今回は、splice() を使用して、指定された添字位置にある 1 つ以上の要素を削除する方法を学習します。 . .

要素を削除するための構文:

array.splice(index,howmany)

  • 最初のパラメータ

    index では、添え字の開始位置 (つまり、要素が配置されている位置) を指定できます。削除済み) ;

  • 2 番目のパラメータ

    howmany は、削除する必要がある要素の数 (つまり、削除する必要がある 1 つ以上の要素) を指定します。

次の例を詳しく見てみましょう:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);

次のことがわかります: use

arr.splice(1,2) 削除 添え字 1 (配列の 2 番目の要素) の位置から 2 つの要素、つまり arr[1]arr[2] が削除されるため、出力結果は次のとおりです。

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

splice() メソッドを使用すると、配列の先頭と末尾の要素を削除することもできます。

  • 配列の先頭にある要素を削除したい場合は、メソッドの最初のパラメータのインデックスの値を 0

  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    arr.splice(0,2);
    console.log(arr);

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法 に設定するだけです。

  • If 配列の末尾の要素を削除する場合は、メソッドの最初のパラメーターのインデックスの値を負の数に設定すると、要素は配列の右側から配置されます。絶対値に従って配列を左に配置し、2 番目のパラメータの値 howmany はインデックス値と等しくなければなりません。

  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第二个元素开始,截取两个元素
    arr.splice(-2,2);
    console.log(arr);

JS 配列の学習: 配列の添え字に基づいて要素を削除する方法

わかりました。これですべてです。必要な場合は、次の内容を参照してください:

JavaScript 上級チュートリアル

以上がJS 配列の学習: 配列の添え字に基づいて要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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