ホームページ > ウェブフロントエンド > フロントエンドQ&A > es6配列から要素を削除する方法

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

青灯夜游
リリース: 2023-01-11 15:51:59
オリジナル
2015 人が閲覧しました

方法: 1. 最初の要素を削除するには、shift() を使用します。構文は「array.shift()」です; 2. 最後の要素を削除するには、pop() を使用します。構文は「array.pop」です。 ()"; 3. splice() を使用して任意の位置の要素を削除します。構文は "array.splice(position, number)"; 4. length を使用して末尾の N 要素を削除します。構文は "array.splice(position,number)"; 4. length を使用して末尾の N 要素を削除します。 length=元の配列の長さ-N"; 5. 空の配列「[]」を直接代入して要素をクリアします。 6. delete を使用して、指定した添え字の要素を削除します。

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

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

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

array.shift() 関数は最初の要素を削除できます。配列要素のうちの 1 つが配列から削除され、最初の要素の値が返されます。その後、残りのすべての要素が 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: splice() を使用して任意の位置の要素を削除します。

splice() を使用して、先頭から始まる または 要素を削除します。指定された添字位置 複数の要素。

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

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配列から要素を削除する方法

#方法 4: length プロパティを使用して配列要素を削除 (または要素をクリア)

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

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

構文:

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

例 1:

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

例 2: es6配列から要素を削除する方法

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

es6配列から要素を削除する方法方法 5: 空の配列を直接割り当てる

[]

空の配列[]に直接代入すると、以前の要素がすべてクリアされます。

var arr=new Array(1,2,3,4,5,6,7,8,9,10);
console.log(arr);
arr=[];
console.log(arr);
ログイン後にコピー

このメソッドは配列を厳密にクリアするのではなく、単に arr を空の配列に再割り当てするだけです。

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

方法 6: 削除演算子を使用して、指定された添字にある要素を削除します。

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

访问到指定元素后,就可以利用 delete运算符 来删除该元素,但数组长度不会发生改变;删除后的该元素会变为空位元素,

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

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

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

空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

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

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

说明:空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。JavaScript 在初始化数组时,只有真正存储有值得元素才可以分配内存。

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

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

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