Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで配列をスプライシングするとはどういう意味ですか？例を挙げて説明する

配列のスプライスとは、Array.splice（）メソッドを使用して、配列にアイテムを追加または配列から削除することを意味します。削除されたアイテムは配列として返されます。

以下は、JavaScriptで配列をスプライスするためのコードです-

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample,.result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Splicing an array in JavaScript</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to add items after second element
</h3>
<script>
   let fillEle = document.querySelector(".sample");
   let resEle = document.querySelector(".result");
   let arr = [1, 3, 5, 7, 9, 11];
   fillEle.innerHTML = arr;
   document.querySelector(".Btn").addEventListener("click", () => {
      arr.splice(2, 0, "A", "B", "C", "D", "E");
      resEle.innerHTML = "Spliced array = " + arr;
   });
</script>
</body>
</html>

出力

上記のコードは次の出力を生成します-

JavaScriptで配列をスプライシングするとはどういう意味ですか？例を挙げて説明する

[ここをクリック]ボタンをクリックすると-

JavaScriptで配列をスプライシングするとはどういう意味ですか？例を挙げて説明する


  1. 例を使用して、JavaScriptでオブジェクトのディープクローンを作成する方法を説明します。

    以下は、JavaScriptでオブジェクトを複製するためのコードです- 例 <!DOCTYPE html> <htmllang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>  

  2. イメージアレイとは何ですか？ C++の例で説明する

    配列は、データのコレクションを格納および取得するための便利な方法です。 OpenCVでは、この概念を使用して、画像配列に複数の画像を読み込み、配列のインデックス番号を使用してそれらを表示できます。 次のプログラムは、マトリックス配列に複数の画像をロードし、インデックス番号で呼び出される配列の画像を表示します。 例 #include<iostream> #include<opencv2/highgui/highgui.hpp> using namespace cv; using namespace std; int main(int argc,const char**