Bisakah kita menghapus objek dalam javascript?

Question

Variabel

javascript

Table of Contents Show

1. hapus operator
2. Penghancuran objek dengan sintaks istirahat
3. Kesimpulan
Posting berkualitas ke kotak masuk Anda
Bisakah saya menghapus objek di JavaScript?
Bagaimana cara menghapus item dari objek JavaScript?
Bagaimana Anda menghapus objek?
Bagaimana cara menghancurkan objek dalam JavaScript?

delete object.property;

0 berisi objek yang menggambarkan seorang karyawan. Objek berisi 2 properti yang menggambarkan data karyawan.

javascript
delete object.property;

1 dan

javascript
delete object.property;

2

Namun, kadang-kadang, Anda perlu menghapus properti dari suatu objek. Misalnya, bagaimana Anda menghapus properti

javascript
delete object.property;

_2 dari objek

javascript
delete object.property;

4?

Mari kita lihat 2 cara umum tentang cara menghapus properti dari objek dalam JavaScript — menggunakan operator

javascript
delete object.property;

5 (cara yang dapat diubah) dan penghancuran objek yang digabungkan dengan sisa objek (cara yang tidak dapat diubah)

1. hapus operator

javascript
delete object.property;

5 adalah operator khusus dalam JavaScript yang menghapus properti dari objek. Operan tunggalnya biasanya menerima pengakses properti untuk menunjukkan properti apa yang akan dihapus

A) Hapus menggunakan accessor properti dot

javascript
delete object.property;

B) Hapus menggunakan pengakses properti tanda kurung siku

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

_

Saat menerapkan operator

javascript
delete object.property;

_5 pada pengakses properti, operator menghapus properti yang sesuai dari objek

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

Coba demonya

Awalnya,

javascript
delete object.property;

_4 memiliki 2 properti.

javascript
delete object.property;

1 dan

javascript
delete object.property;

2

Namun setelah menerapkan operator

javascript
delete object.property;

_5 pada properti

javascript
delete object.property;

2.

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

_3, properti dihapus dari objek. Sederhana seperti itu

Penghapusan properti menggunakan operator

javascript
delete object.property;

5 dapat berubah karena bermutasi (alias mengubah, memodifikasi) objek asli

Jika nama properti yang akan dihapus ditentukan secara dinamis, maka Anda dapat menggunakan sintaks tanda kurung siku

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

Coba demonya

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

_5 menghapus properti yang namanya terkandung di dalam variabel

javascript
delete object.property;

1

2. Penghancuran objek dengan sintaks istirahat

Pendekatan lain untuk menghapus properti, tetapi dengan cara yang tidak dapat diubah tanpa mengubah objek aslinya, adalah dengan menggunakan the

Idenya sederhana. destruktur objek ke properti yang ingin Anda hapus, dan properti yang tersisa dikumpulkan menjadi objek istirahat

A) Nama properti diketahui

javascript
const { property, ...restObject } = object;

B) Nama properti bersifat dinamis

javascript
const name = 'property';
const { [name]: removedProperty, ...restObject } = object;

Setelah menerapkan sintaks penghancuran dan istirahat,

javascript
delete object['property'];
// or
const name = 'dynamicProperty';
delete object[name];

7 akan berisi properti yang sama dengan

javascript
delete object['property'];



// or
const name = 'dynamicProperty';
delete object[name];

8, hanya saja tanpa properti yang dihapus

Misalnya, mari kita hapus properti

javascript
delete object.property;

2 dari objek

javascript
delete object.property;

4

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const { position, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }
console.log(employee); 
// { name: 'John Smith',position: 'Sales Manager' }

Coba demonya

Pernyataan

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

_1 merusak

javascript
delete object.property;

4 objek dan mengumpulkan properti menjadi objek lainnya

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3 tanpa menyertakan properti

javascript
delete object.property;

2

Penghancuran objek dengan sintaks istirahat adalah cara penghapusan properti yang tidak dapat diubah. objek

javascript
delete object.property;

_4 asli tidak dimutasi. Sebaliknya objek baru

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3 dibuat yang berisi semua properti

javascript



delete object.property;

4 tetapi tanpa

javascript
delete object.property;

2 yang dihapus

Jika nama properti yang akan dihapus ditentukan secara dinamis, maka Anda dapat menggunakan sintaks destrukturisasi nama properti dinamis

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
const { [name]: removedProperty, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }

Coba demonya

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

_9 mari kita hapus properti dengan nama dinamis dengan mengumpulkan properti, tetapi menghapus satu, menjadi objek

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
delete employee.position;
console.log(employee); // { name: 'John Smith' }

3

Yang menarik adalah Anda dapat menghapus beberapa properti sekaligus menggunakan sintaks destrukturisasi dan istirahat

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager',
  experience: 6, // years
};
const { position, experience, ...employeeRest } = employee;
console.log(employeeRest); // { name: 'John Smith' }

Coba demonya

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

_1 telah menghapus 2 properti sekaligus.

javascript
delete object.property;

2 dan

javascript



const employee = {
 name: 'John Smith',
 position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

3

3. Kesimpulan

Dalam JavaScript, ada 2 cara umum untuk menghapus properti dari suatu objek

Pendekatan pertama yang dapat diubah adalah menggunakan operator

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

4

Pendekatan kedua, yang tidak dapat diubah karena tidak mengubah objek aslinya, adalah dengan memanggil penghancuran objek dan menyebarkan sintaks.

javascript
const employee = {
  name: 'John Smith',
  position: 'Sales Manager'
};
const name = 'position';
delete employee[name];
console.log(employee); // { name: 'John Smith' }

_5

Tantangan sampingan. berapa kompleksitas waktu dari penghapusan properti menggunakan

javascript
delete object.property;

5 dan sintaks istirahat objek?

Suka postingannya?

Sarankan Perbaikan

Posting berkualitas ke kotak masuk Anda

Saya secara teratur menerbitkan posting yang berisi

Konsep penting JavaScript dijelaskan dengan kata-kata sederhana
Ikhtisar fitur JavaScript baru
Cara menggunakan TypeScript dan mengetik
Desain perangkat lunak dan praktik pengkodean yang baik

Berlangganan buletin saya untuk mengirimkannya langsung ke kotak masuk Anda

Langganan

Bergabunglah dengan 6915 pelanggan lainnya

Tentang Dmitri Pavlutin

Penulis dan pelatih teknologi. Rutinitas harian saya terdiri dari (namun tidak terbatas) minum kopi, coding, menulis, coaching, mengatasi kebosanan 😉

Sekarang bekerja sebagai pengembang open source penuh waktu pada proyek Readapt - bertujuan untuk membuat web dapat diakses oleh semua orang

Bisakah saya menghapus objek di JavaScript?

Menggunakan restrukturisasi objek dan sintaks istirahat, kita dapat mendestruktur objek dengan properti yang akan dihapus dan membuat salinan baru darinya . Setelah penghancuran, salinan baru objek dibuat dan ditugaskan ke variabel baru tanpa properti yang kami pilih untuk dihapus.

Bagaimana cara menghapus item dari objek JavaScript?

Jawab. Gunakan Operator hapus . Menghapus adalah satu-satunya cara untuk benar-benar menghapus properti dari objek.

Bagaimana Anda menghapus objek?

Prosedur. Klik kanan pada objek yang ingin Anda hapus, dan pilih Hapus . Dalam kotak dialog Hapus, pilih objek yang ingin Anda hapus dari daftar. Jika Anda menghapus proyek, Anda dapat menghapus semua subproyek dengan memilih kotak centang Hapus Subproyek.