ホームページ > 記事 > ウェブフロントエンド > JavaScript で配列の要素を削除する方法の詳細な図による説明
JavaScript で配列の要素を削除する方法の詳細な図による説明
- yuliaオリジナル
- 2018-10-10 11:41:3520539ブラウズ
フロントエンド開発では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 サイトの他の関連記事を参照してください。