es6で配列要素を削除する方法

青灯夜游
リリース: 2022-10-11 18:11:59
オリジナル
4076 人が閲覧しました

方法: 1. 最初の要素を削除するには、shift() を使用します。構文は「array.shift()」です; 2. 最後の要素を削除するには、pop() を使用します。構文は「array.pop」です。 ()"; 3 、最後の要素を削除するには length を使用します。構文は "array.length=元の配列の長さ - 1" です。 4. 指定した添え字を持つ要素を削除するには delete を使用します。構文は "delete array name [ subscript]"; 5. splice() を使用して任意の位置の要素を削除します。構文は「array.splice(position,1)」です。

es6で配列要素を削除する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

方法 1:shift() 関数を使用して最初の配列要素を削除します

array.shift() 関数は次のように変換できます。配列 最初の要素が配列から削除され、最初の要素の値が返されます。その後、残りのすべての要素が 1 位置ずつ前方にシフトされ、配列の先頭のギャップが埋められます。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
ログイン後にコピー

出力結果は次のとおりです:

es6で配列要素を削除する方法

注:shift() メソッドは元の配列を変更し、配列の長さを変更します。

方法 2: Pop() を使用して最後の配列要素を削除します。

array.pop() メソッドは、配列内の最後の要素を削除できます。 array を取得し、削除された要素を返します。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
ログイン後にコピー

出力結果は次のとおりです:

es6で配列要素を削除する方法

注: Pop() メソッドは元の配列も変更し、配列の長さを変更します。

方法 3: length 属性を使用して最後の配列要素を削除する

配列の長さ属性は、通常、設定または返すために使用されます。配列 Number の要素、つまり配列の長さを設定または返します。

配列の長さを設定する機能を利用して、長さ属性を元の長さよりも小さく設定して、配列の末尾から 1 つ以上の要素を削除できます (値が設定されている場合)。 0 にすると、配列全体が削除されます。つまり、配列をクリアします。

構文:Array object.length=元の配列の長さ-1;

例:

var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)
ログイン後にコピー

es6で配列要素を削除する方法

方法 4: 削除演算子を使用して、指定された添え字の要素を削除します

##配列内の各要素にはシリアル番号があることは誰もが知っています。このシリアル番号は 0 から始まり、インデックスと呼ばれます。この配列の添字に従って、

配列名[添字] の形式を使用して、指定された添字の要素にアクセスできます。

指定された要素にアクセスした後、

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

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

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);
ログイン後にコピー

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

console.log(arr[1]);
ログイン後にコピー

es6で配列要素を削除する方法

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

方法 5: splice() を使用して任意の位置の要素を削除しますsplice() を使用して要素を削除します指定された添え字の位置 1 つ以上の要素の削除を開始します。

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

array.splice(index,howmany)
ログイン後にコピー

    最初のパラメータ
  • index

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

  • 2 番目のパラメータ
  • howmany

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

  • 2 番目のパラメータ
howmany

を 1 に設定するだけです。つまり、任意のインデックス位置にある要素を削除します。 次の例を詳しく見てみましょう。

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

arr.splice(1,1);
console.log(arr);
ログイン後にコピー

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

    配列の先頭の要素を削除したい場合は、このメソッドの最初のパラメータのインデックスの値を 0
  • # に設定するだけです。 ##

    var arr= [1,2,3,4,5];
    console.log(arr);
    
    arr.splice(0,1);
    console.log(arr);
    ログイン後にコピー

es6で配列要素を削除する方法

配列の末尾の要素を削除する場合は、このメソッドの最初のパラメーターのインデックスの値を負の数に設定します。の場合、絶対値は配列の右側から左側の Positioning まで計算され、2 番目のパラメーター howmany の値は、index の値と等しくなければなりません。
    var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第1个元素开始,截取1个元素
    arr.splice(-1,1);
    console.log(arr);
    ログイン後にコピー

    es6で配列要素を削除する方法

    【相关推荐:javascript视频教程web前端

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

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