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

Jan 11, 2023 pm 03:51 PM
es6 js配列

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

非同期は es6 または es7 用ですか? 非同期は es6 または es7 用ですか? Jan 29, 2023 pm 05:36 PM

非同期はes7です。 async と await は ES7 に新しく追加されたもので、非同期操作のソリューションです。async/await は co モジュールとジェネレーター関数の糖衣構文と言え、より明確なセマンティクスで JS 非同期コードを解決します。名前が示すように、async は「非同期」を意味します。async は関数が非同期であることを宣言するために使用されます。async と await の間には厳密な規則があります。両方を互いに分離することはできず、await は async 関数内でのみ記述できます。

ES6 で配列を反転する方法 ES6 で配列を反転する方法 Oct 26, 2022 pm 06:19 PM

ES6 では、配列オブジェクトの reverse() メソッドを使用して、配列の反転を実現できます。このメソッドは、配列内の要素の順序を逆にして、最後の要素を最初に、最初の要素を最後に配置するために使用されます。構文「array」 。逆行する()"。 reverse() メソッドは元の配列を変更します。変更したくない場合は、拡張演算子 "..." とともに使用する必要があり、構文は "[...array].reverse() 」。

es6 の 2 つの配列で異なる項目を見つける方法 es6 の 2 つの配列で異なる項目を見つける方法 Nov 01, 2022 pm 06:07 PM

手順: 1. 構文 "newA=new Set(a); newB=new Set(b);" を使用して、2 つの配列をそれぞれセット型に変換します; 2. has() と filter() を使用して差分セットを検索します、構文 " new Set([...newA].filter(x =>!newB.has(x)))" では、差分セット要素がセット コレクションに含まれて返されます。 3. 配列を使用します。 from セットを配列に変換するタイプ、構文は「Array.from(collection)」です。

ミニ プログラムで es6 を es5 に変換する必要があるのはなぜですか? ミニ プログラムで es6 を es5 に変換する必要があるのはなぜですか? Nov 21, 2022 pm 06:15 PM

ブラウザの互換性のため。 ES6 は JS の新しい仕様として、多くの新しい構文と API を追加していますが、最新のブラウザーは ES6 の新機能を高度にサポートしていないため、ES6 コードを ES5 コードに変換する必要があります。 WeChat Web 開発者ツールでは、デフォルトで babel が使用され、開発者の ES6 構文コードを 3 つの端末すべてで適切にサポートされる ES5 コードに変換し、開発者がさまざまな環境によって引き起こされる開発上の問題を解決できるようにします。プロジェクト内でのみ設定して確認するだけです。 「ES6~ES5」オプション。

es5 および es6 で配列重複排除を実装する方法 es5 および es6 で配列重複排除を実装する方法 Jan 16, 2023 pm 05:09 PM

es5 では、for ステートメントと IndexOf() 関数を使用して配列の重複排除を実現できます。構文 "for(i=0;i<配列長;i++){a=newArr.indexOf(arr[i]);if( a== -1){...}}」。 es6 では、スプレッド演算子 Array.from() および Set を使用して重複を削除できます。まず配列を Set オブジェクトに変換して重複を削除してから、スプレッド演算子または Array.from() 関数を使用する必要があります。 Set オブジェクトを配列に変換してグループ化するだけです。

es6 の一時的なデッドゾーンとは何を意味しますか? es6 の一時的なデッドゾーンとは何を意味しますか? Jan 03, 2023 pm 03:56 PM

es6 では、一時的なデッド ゾーンは構文エラーであり、ブロックを閉じたスコープにする let および const コマンドを指します。コード ブロック内では、let/const コマンドを使用して変数が宣言される前に、変数は使用できず、変数が宣言される前は変数の「デッド ゾーン」に属します。これは構文上「一時デッド ゾーン」と呼ばれます。 ES6 では、一時的なデッド ゾーンや let ステートメントや const ステートメントでは変数のプロモーションが発生しないことを規定しています。これは主に実行時エラーを減らし、変数が宣言される前に使用されて予期しない動作が発生するのを防ぐためです。

es6 マップは注文されていますか? es6 マップは注文されていますか? Nov 03, 2022 pm 07:05 PM

地図は注文済みです。 ES6 のマップ タイプは、多くのキーと値のペアを格納する順序付きリストです。キー名と対応する値はすべてのデータ型をサポートします。キー名の等価性は、「Objext.is()」メソッドを呼び出すことによって決定されます。 , したがって、数字の 5 と文字列「5」は 2 つのタイプとして判断され、プログラム内で 2 つの独立したキーとして現れることができます。

es6 インポートは変数をプロモートしますか? es6 インポートは変数をプロモートしますか? Jan 18, 2023 pm 07:44 PM

ES6 インポートにより変数が昇格されます。変数ホイスティングとは、変数宣言をそのスコープの先頭に昇格させることです。 js はコンパイルと実行のフェーズを経る必要があります。コンパイル フェーズでは、すべての変数宣言が収集され、変数は事前に宣言され、他のステートメントの順序は変更されません。したがって、コンパイル フェーズでは、最初のステップはすでに2 番目の部分は、ステートメントが実行フェーズで実行された場合にのみ実行されます。

See all articles