ホームページ >ウェブフロントエンド >uni-app >uniappで配列要素を削除する方法(4つの方法)
uniapp を開発する場合、追加、削除、変更などの配列の操作が必要になることがよくあります。その中でも、配列からの要素の削除は、より一般的な操作の 1 つです。この記事ではuniappで配列要素を削除する方法を紹介します。
1. splice メソッド
splice は JavaScript のメソッドで、uniapp で配列を操作するためのメソッドの 1 つです。 splice メソッドは、配列から指定した位置にある要素を削除し、同時に新しい要素を追加できます。具体的な構文は以下のとおりです。
array.splice(start, deleteCount, item1, item2, ...)
このうち、start パラメータは削除する要素の開始位置を示し、deleteCount パラメータは削除する要素の数を示し、item1 や item2 などのパラメータを示します。配列に追加される新しい要素を示します。
uniapp で splice メソッドを使用するには、配列の splice メソッドを呼び出すだけです。例:
let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); //删除第3个元素,即3 console.log(arr); //[1, 2, 4, 5]
2. フィルター メソッド
filter は、配列内の要素をフィルターするために使用できる JavaScript の別のメソッドです。 filter メソッドを使用して配列から要素を削除することもできます。具体的な構文は次のとおりです。
array.filter(function(item, index, array){ //如果返回true,则表示该元素会被保留,如果返回false,则表示该元素会被过滤 }, this)
このうち、item パラメータは配列内の現在の要素の値を表し、index パラメータは現在の要素の添字を表し、array パラメータは現在の配列を表します。 this パラメータはオプションで、 this に割り当てられる値を表します。
filter メソッドを使用して uniapp の配列要素を削除する場合は、filter メソッドで false を返して対応する要素を削除するだけです。例:
let arr = [1, 2, 3, 4, 5]; arr = arr.filter(function(item, index){ return index !== 2; //过滤掉下标为2的元素,即3 }); console.log(arr); //[1, 2, 4, 5]
3. Pop メソッド
pop は、JavaScript で配列の末尾の要素を削除するために使用されるメソッドであり、uniapp でも使用できます。 Pop メソッドは削除された要素を返します。例:
let arr = [1, 2, 3, 4, 5]; let last = arr.pop(); //删除最后一个元素,即5 console.log(arr); //[1, 2, 3, 4] console.log(last); //5
4. Shift メソッド
shift は、配列の最初の要素を削除するために JavaScript で使用されるメソッドであり、uniapp でも使用できます。 shift メソッドは削除された要素を返します。例:
let arr = [1, 2, 3, 4, 5]; let first = arr.shift(); //删除第一个元素,即1 console.log(arr); //[2, 3, 4, 5] console.log(first); //1
要約
上記は、uniapp で配列要素を削除するためのいくつかの一般的な方法です。このうち、splice メソッドは任意の位置の要素を削除でき、同時に新しい要素を追加することもサポートします。 filter メソッドは、配列内の要素をフィルタリングし、false を返すことで対応する要素を削除できます。 Pop メソッドは最後の要素を削除し、shift メソッドは最初の要素を削除します。実際のアプリケーションでは、特定の状況に応じて対応する方法を選択できます。
以上がuniappで配列要素を削除する方法(4つの方法)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。