es6配列から要素を削除する方法
方法: 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 を使用して、指定した添え字の要素を削除します。
このチュートリアルの動作環境: 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);
出力結果は次のとおりです:
注:shift() メソッドは元の配列を変更し、配列の長さを変更します。
方法 2: Pop() を使用して最後の配列要素を削除します。
array.pop() メソッドは、配列内の最後の要素を削除できます。 array を取得し、削除された要素を返します。
var a = [1,2,3,4,5,6,7,8]; //定义数组 a.pop(); console.log(a)
出力結果は次のとおりです:
注: 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);
splice() メソッドを使用すると、先頭と末尾の要素を削除することもできます。 :
配列の先頭の要素を削除したい場合は、このメソッドの最初のパラメータのインデックスの値を 0
# に設定するだけです。 ##
var arr= [1,2,3,4,5]; console.log(arr); arr.splice(0,1); console.log(arr);
- 配列の末尾の要素を削除する場合は、このメソッドの最初のパラメーターのインデックスの値を負の数に設定します。の場合、絶対値は配列の右側から左側の Positioning まで計算され、2 番目のパラメーター howmany の値は、index の値と等しくなければなりません。 #
var arr= [1,2,3,4,5]; console.log(arr); //从倒数第1个元素开始,截取1个元素 arr.splice(-1,1); console.log(arr);
ログイン後にコピー
配列の長さ属性は、通常、配列内の要素の数を設定または返すために、つまり配列の長さを設定または返すために使用されます。
配列の長さを設定する機能を利用して、長さ属性を元の長さよりも小さく設定して、配列の末尾から 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:
var a = [1,2,3,4,5,6,7,8]; //定义数组 console.log(a) a.length=0; console.log(a)
方法 5: 空の配列を直接割り当てる
空の配列[]に直接代入すると、以前の要素がすべてクリアされます。
var arr=new Array(1,2,3,4,5,6,7,8,9,10); console.log(arr); arr=[]; console.log(arr);
方法 6: 削除演算子を使用して、指定された添字にある要素を削除します。
配列内の各要素には、シリアル番号 、このシリアル番号は 0 から始まり、インデックスと呼ばれます。この配列の添字に従って、配列名[添字] の形式を使用して、指定された添字の要素にアクセスできます。
访问到指定元素后,就可以利用 delete
运算符 来删除该元素,但数组长度不会发生改变;删除后的该元素会变为空位元素,
var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲"); console.log(arr); delete arr[1]; //删除下标为1的元素(第二个元素) console.log(arr);
空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined
console.log(arr[1]);
说明:空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。JavaScript 在初始化数组时,只有真正存储有值得元素才可以分配内存。
【相关推荐:javascript视频教程、web前端】
以上がes6配列から要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック









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

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

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

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

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

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