Rumah > hujung hadapan web > tutorial js > Perjalanan Reaksi Saya: Hari 4

Perjalanan Reaksi Saya: Hari 4

DDD
Lepaskan: 2024-11-25 05:52:11
asal
233 orang telah melayarinya

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');
    },
};
Salin selepas log masuk

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']
Salin selepas log masuk

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']]
Salin selepas log masuk

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
Salin selepas log masuk

Pemusnahan Objek
Memusnahkan memudahkan mengekstrak sifat daripada objek.

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

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

Contoh Tatasusunan:

const numbers = [1, 2, 3, 4, 5];
Salin selepas log masuk

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]
Salin selepas log masuk

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

numbers.pop();

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

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'
Salin selepas log masuk

Kami juga boleh menukar elemen menggunakan pemusnahan:

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

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan