Rumah > Artikel > hujung hadapan web > JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?

JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?

PHPzke hadapan: 2023-08-22 15:53:123276semak imbas

Dalam JavaScript, objek boleh dibuat untuk menyimpan data, dalam bentuk pasangan nilai kunci. Data dalam objek boleh diakses menggunakan notasi titik (obj.key) atau notasi kurungan (obj["key"]). Sila rujuk contoh di bawah −

let obj = { key1: "value1", key2: "value2", key3: "value" };

Kami boleh memadamkan pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek, tetapi sebelum memadam, kami perlu memastikan bahawa kunci ini wujud dalam objek Dalam tutorial ini, kami akan memperkenalkan 3 kaedah.

Menggunakan operator padam

Operator padam digunakan untuk memadamkan atribut objek. Operator padam tidak memadamkan pembolehubah itu sendiri, tetapi hanya nilainya.

Contoh

Sila rujuk contoh di bawah -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let obj = { key1: "value1", key2: "value2", key3: "value3" };
      delete obj.key2;
      document.getElementById("result").innerHTML = JSON.stringify(obj);
      console.log(obj)
   </script>
</body>
</html>

Seperti yang anda lihat daripada contoh di atas, operator delete hanya memadamkan nilai sahaja

kunci dan bukan kunci itu sendiri.

Di bawah ialah penjelasan baris demi baris bagi kod di atas −

kunci dan bukan kunci itu sendiri.

Berikut ialah penjelasan baris demi baris bagi kod di atas −

let obj = { key1: "value1", key2: "value2", key3: "value3" };

Kami telah mencipta objek yang mengandungi 3 pasangan nilai kunci.

delete obj.key2;

pengendali padam digunakan untuk memadam pasangan nilai kunci, dengan kuncinya ialah "key2".

console.log(obj);

Keluaran kod di atas pada konsol ialah: { key1: "value1", key3: "value3" } Anda boleh melihat bahawa pasangan nilai kunci dengan kunci "key2" telah dialih keluar daripada objek.

Menggunakan kaedah penapis()

Kaedah penapis() digunakan untuk mencipta tatasusunan baharu daripada tatasusunan sedia ada. Lihat contoh di bawah:

Contoh




   Examples


   
   <script>
      let obj = { key1: &quot;value1&quot;, key2: &quot;value2&quot;, key3: &quot;value3&quot; };
      let newObj = Object.keys(obj)
      .filter(key => key != "key2")
      .reduce((acc, key) => {
         acc[key] = obj[key];
         return acc;
      }, {});
      document.getElementById("result").innerHTML =
      JSON.stringify(newObj);
      console.log(newObj)
   </script>

Seperti yang anda lihat daripada contoh di atas, kaedah penapis() hanya mengalih keluar kunci dan bukan kunci itu sendiri.

Di bawah ialah penjelasan baris demi baris bagi kod di atas:

Kuncinya adalah kunci itu sendiri.

Berikut ialah penjelasan baris demi baris bagi kod di atas:

let obj = { key1: "value1", key2: "value2", key3: "value3" };

Kami telah mencipta objek yang mengandungi 3 pasangan nilai kunci. Kaedah

let newObj = Object.keys(obj)
.filter(key => key != "key2")
.reduce((acc, key) => {
   acc[key] = obj[key];
   return acc;
}, {});

Object.keys() digunakan untuk mencipta tatasusunan yang mengandungi kekunci objek Kaedah penapis() digunakan untuk mencipta tatasusunan baharu daripada tatasusunan sedia ada. Kuncinya ialah Bandingkan dengan "key2". Jika tidak sama, tambahkan pasangan nilai kunci pada tatasusunan baharu Kaedah reduce() digunakan untuk mengurangkan tatasusunan menjadi objek.

console.log(newObj);

Output kod di atas ialah:

{ key1: "value1", key3: "value3" }

. Seperti yang anda lihat, Pasangan nilai kunci yang dipadamkan dengan kunci "key2" telah dipadamkan daripada objek.

Gunakan untuk…dalam gelung

untuk…dalamgelung digunakan untuk mengulangi sifat objek.

Contoh

Sila rujuk contoh berikut −




   Examples


   
   <script>
      let obj = { key1: &quot;value1&quot;, key2: &quot;value2&quot;, key3: &quot;value3&quot; };
      for (let key in obj) {
         if (key == "key2") {
            delete obj[key];
         }
      }
      document.getElementById("result").innerHTML =
      JSON.stringify(obj);
      console.log(obj)
   </script>

Seperti yang anda lihat daripada contoh di atas, gelung untuk…dalam hanya memadamkan nilai kunci dan bukan kunci itu sendiri.

Di bawah penjelasan baris demi baris kod di atas:

Bukan kunci itu sendiri.

Berikut ialah penjelasan baris demi baris bagi kod di atas:

let obj = {key1: "value1", key2: "value2", key3: "value3"};

Kami telah mencipta objek yang mengandungi 3 pasangan nilai kunci.

for (let key in obj) {
   if (key == "key2") {
      delete obj[key];
   }
}

Gunakan gelung untuk…dalam untuk mengulangi sifat objek. Pembolehubah kunci digunakan untuk menyimpan kunci objek. Jika kunci ialah "key2", alih keluar pasangan nilai kunci daripada objek.

console.log(obj);

Output kod di atas ialah:

{ key1: "value1", key3: "value3" }

. Seperti yang anda lihat, Pasangan nilai kunci yang dipadamkan dengan nama kunci "key2" telah dipadamkan daripada objek.

Kesimpulan

Dalam tutorial ini, kami memperkenalkan 3 cara untuk memadam pasangan nilai kunci sepadan dengan pasangan nilai kunci Diberi kunci sesuatu objek. Padam operator, untuk...dalam gelung dan kaedah penapis().

Atas ialah kandungan terperinci JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript Object 运算符 for Filter 循环 delete 对象 for...in

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menyemak rentetan null/undefined/kosong dalam JavaScript?Artikel seterusnya：Bagaimana untuk menyemak rentetan null/undefined/kosong dalam JavaScript?

Artikel berkaitan

Lihat lagi