Rumah  >  Artikel  >  hujung hadapan web  >  Perjalanan Reaksi Saya: Hari 4

Perjalanan Reaksi Saya: Hari 4

DDD
DDDasal
2024-11-25 05:52:11165semak imbas

My React Journey: Day 4

Hari ini adalah mengenai menyelam lebih mendalam ke dalam Objek dan Tatasusunan, dua struktur data penting dalam JavaScript. Memahami kaedah mereka dan cara memusnahkannya membuka kemungkinan baharu untuk memudahkan kod. Berikut ialah ringkasan perkara yang saya pelajari:

Objek
Objek ialah koleksi sifat dan kaedah yang berkaitan, membolehkan kami mengumpulkan data secara bermakna.

Contoh Objek:

let user = {
    name: 'Segun',
    age: 30,
    email: 'ayoooladamilare@gmail.com',
    location: 'Nigeria',
    blogs: ['Why are you living', 'The original me'],
    login: function () {
        console.log(this.name, 'logged in');
    },
    logout: function () {
        console.log(this.name, 'logged out');
    },
};

JavaScript memberi kami terbina dalam objek dan keupayaan untuk mencipta tersuai objek.

Kaedah Objek
Object.keys(user): Mengembalikan tatasusunan semua kunci dalam objek.

console.log(Object.keys(user)); // Output: ['name', 'age', 'email', 'location', 'blogs']

Object.values(user): Mengembalikan tatasusunan semua nilai dalam objek.

console.log(Object.values(user)); // Output: ['Segun', 30, 'ayoooladamilare@gmail.com', 'Nigeria', ['Why are you living', 'The original me']]

Object.seal(user): Menghalang menambah atau mengalih keluar sifat tetapi membenarkan pengubahsuaian yang sedia ada.

Object.seal(user);
user.age = 31; // Allowed
user.country = 'Ghana'; // Not allowed

Pemusnahan Objek
Memusnahkan memudahkan mengekstrak sifat daripada objek.

const { name, age, email, location } = user;
console.log(name); // Output: 'Segun'
console.log(location); // Output: 'Nigeria'

Susun atur
Tatasusunan ialah senarai tersusun, menjadikannya sempurna untuk mengendalikan jujukan data.

Contoh Tatasusunan:

const numbers = [1, 2, 3, 4, 5];

Kaedah Tatasusunan
.push(): Menambah elemen pada penghujung tatasusunan dan mengembalikan panjang baharu.

numbers.push(6);

console.log(numbers); // Output: [1, 2, 3, 4, 5, 6]

.pop(): Mengalih keluar elemen terakhir daripada tatasusunan dan mengembalikannya.

numbers.pop();

console.log(numbers); // Output: [1, 2, 3, 4, 5]

Pemusnahan Tatasusunan
Sama seperti pemusnahan objek, pemusnahan tatasusunan membolehkan pengekstrakan unsur yang bersih.

const colors = ['red', 'green', 'blue', 'black', 'white'];
let [first, , third] = colors;
console.log(first, third); // Output: 'red' 'blue'

Kami juga boleh menukar elemen menggunakan pemusnahan:

[colors[0], colors[4]] = [colors[4], colors[0]];
console.log(colors); // Output: ['white', 'green', 'blue', 'black', 'red']

Pemikiran Akhir
Bekerja dengan objek dan tatasusunan, terutamanya menggunakan kaedah dan penstrukturan, menjadikan pengekodan lebih bersih dan lebih intuitif. Saya suka cara pemusnahan memudahkan mengakses data dan mempelajari kaedah terbina dalam terasa memperkasakan.

Hari ke-5, saya datang! Perjalanan ini menjadi lebih baik setiap hari. Nantikan!

Atas ialah kandungan terperinci Perjalanan Reaksi Saya: Hari 4. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Sumber JS yang pentingArtikel seterusnya:Sumber JS yang penting