JavaScript で配列の要素を削除する方法の詳細な図による説明
フロントエンド開発ではJavaScriptがよく使われますが、JSを使って指定した値の要素を削除する方法をご存知ですか？この記事では、JS で配列の要素を削除するいくつかの方法を紹介します。興味のある方は参考にしていただければ幸いです。
方法 1:slice() は配列要素を削除します
slice メソッドは配列の特定の部分をインターセプトでき、すべての主要なブラウザーはスライス メソッドをサポートしています。
構文: array.slice(start, end)
start はインターセプトの開始位置を示し、end は終了位置を示します。end を省略すると、最後のビットまでインターセプトすることを意味します。
例: ボタンをクリックして配列の最初の要素を削除します。
説明: 配列の最初の要素を削除したい場合は、スライス メソッドを使用してインターセプトできます。最初の要素 (slice(1) 以外の要素) のコードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮删除第一个数组元素。</p>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.slice(1);
document.write("新数组是："+ animal1)
}
</script>
</html>Rendering:
メソッド 2 :shift() 配列要素の削除
shift メソッドは、配列の最初の要素を削除して、最初の要素の値を返すことができます。すべての主要なブラウザはシフト方式をサポートしています。欠点は、配列の最初の要素しか削除できないことです。
構文: array.shift()
コードは次のとおりです:
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.shift();
document.write("删除的元素是："+ animal1)
}
</script>レンダリング:
方法 3: 配列要素を削除する splice() メソッド
splice() メソッドは配列要素を挿入、削除、または置換でき、すべての主要なブラウザがサポートしています。スプライス方式。
構文: array.splice(index,howmany,item1,...,itemX)
index は要素を追加または削除する場所を示し、howmany は削除する要素の数を示し、item は追加先を示します。配列の新しい要素。
説明例: 添え字 0 から始まる要素を削除します。コードは次のとおりです:
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.splice(0,1);
document.write("删除的元素是："+ animal1)
}
</script>レンダリング:
その上では、JavaScript で配列内の要素を削除するための 3 つの方法を紹介します。原理は同じですが、仕事でどの方法を選択するかは、初心者が自分で試して理解を深めることができます。この記事があなたのお役に立てば幸いです!
その他の関連チュートリアルについては、JavaScript ビデオ チュートリアル php 公共福祉トレーニング
をご覧ください。以上がJavaScript で配列の要素を削除する方法の詳細な図による説明の詳細内容です。詳細については、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）
ホットトピック
7554
15
1382
52
83
11
24
96
foreach ループを使用して PHP 配列から重複要素を削除するにはどうすればよいですか?
Apr 27, 2024 am 11:33 AM
foreach ループを使用して PHP 配列から重複要素を削除する方法は次のとおりです。配列を走査し、要素がすでに存在し、現在の位置が最初に出現しない場合は、要素を削除します。たとえば、データベース クエリの結果に重複レコードがある場合、このメソッドを使用してそれらを削除し、重複レコードのない結果を取得できます。
PHP 配列ディープ コピーの技術: さまざまな方法を使用して完璧なコピーを実現する
May 01, 2024 pm 12:30 PM
PHP で配列をディープ コピーする方法には、json_decode と json_encode を使用した JSON エンコードとデコードが含まれます。 array_map と clone を使用して、キーと値のディープ コピーを作成します。シリアル化と逆シリアル化には、serialize と unserialize を使用します。
PHP 配列キー値の反転: さまざまな方法のパフォーマンス比較分析
May 03, 2024 pm 09:03 PM
PHP の配列キー値の反転メソッドのパフォーマンスを比較すると、array_flip() 関数は、大規模な配列 (100 万要素以上) では for ループよりもパフォーマンスが良く、所要時間が短いことがわかります。キー値を手動で反転する for ループ方式は、比較的長い時間がかかります。
データソートにおけるPHP配列グループ化機能の応用
May 04, 2024 pm 01:03 PM
PHP の array_group_by 関数は、キーまたはクロージャ関数に基づいて配列内の要素をグループ化し、キーがグループ名、値がグループに属する要素の配列である連想配列を返すことができます。
PHP 配列のディープ コピーのベスト プラクティス: 効率的な方法を発見する
Apr 30, 2024 pm 03:42 PM
PHP で配列のディープ コピーを実行するためのベスト プラクティスは、 json_decode(json_encode($arr)) を使用して配列を JSON 文字列に変換し、それから配列に戻すことです。 unserialize(serialize($arr)) を使用して配列を文字列にシリアル化し、それを新しい配列に逆シリアル化します。 RecursiveIteratorIterator を使用して、多次元配列を再帰的に走査します。
PHP 配列の多次元ソートの実践: 単純なシナリオから複雑なシナリオまで
Apr 29, 2024 pm 09:12 PM
多次元配列のソートは、単一列のソートとネストされたソートに分類できます。単一列のソートでは、array_multisort() 関数を使用して列ごとにソートできますが、ネストされたソートでは、配列を走査してソートするための再帰関数が必要です。具体的な例としては、製品名による並べ替えや、売上数量や価格による化合物の並べ替えなどがあります。
PHP 配列のマージおよび重複排除アルゴリズム: 並列ソリューション
Apr 18, 2024 pm 02:30 PM
PHP 配列のマージおよび重複排除アルゴリズムは、元の配列を小さなブロックに分割して並列処理する並列ソリューションを提供し、メイン プロセスは重複排除するブロックの結果をマージします。アルゴリズムのステップ: 元の配列を均等に割り当てられた小さなブロックに分割します。重複排除のために各ブロックを並行して処理します。ブロックの結果をマージし、再度重複排除します。
重複要素の検索における PHP 配列グループ化関数の役割
May 05, 2024 am 09:21 AM
PHP の array_group() 関数を使用すると、指定したキーで配列をグループ化し、重複する要素を見つけることができます。この関数は次の手順で動作します。 key_callback を使用してグループ化キーを指定します。必要に応じて、value_callback を使用してグループ化値を決定します。グループ化された要素をカウントし、重複を特定します。したがって、array_group() 関数は、重複する要素を見つけて処理するのに非常に役立ちます。
