JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?-tutorial js-php.cn

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

PHPz

Lepaskan： 2023-08-22 15:53:12

ke hadapan

3243 orang telah melayarinya

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

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" };

Salin selepas log masuk

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>

Salin selepas log masuk

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" };

Salin selepas log masuk

Kami telah mencipta objek yang mengandungi 3 pasangan nilai kunci.

delete obj.key2;

Salin selepas log masuk

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

console.log(obj);

Salin selepas log masuk

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>

Salin selepas log masuk

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" };

Salin selepas log masuk

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;
}, {});

Salin selepas log masuk

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);

Salin selepas log masuk

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>

Salin selepas log masuk

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"};

Salin selepas log masuk

Kami telah mencipta objek yang mengandungi 3 pasangan nilai kunci.

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

Salin selepas log masuk

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);

Salin selepas log masuk

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!