Rumah > hujung hadapan web > tutorial js > Akses Tatasusunan dan Objek

Akses Tatasusunan dan Objek

Linda Hamilton
Lepaskan: 2024-11-17 14:36:02
asal
532 orang telah melayarinya

Array and Object Access

Apakah objek?
Objek digunakan untuk menyimpan koleksi berkunci pelbagai data dan entiti yang lebih kompleks. Objek adalah pembolehubah, tetapi ia boleh mengandungi banyak nilai. Objek boleh dibuat dengan kurungan yang boleh dikosongkan atau diisi dengan pasangan kunci/nilai. Kuncinya ialah rentetan, juga dipanggil nama harta, dan nilai boleh menjadi apa sahaja yang berkaitan dengan kunci. pasangan kunci/nilai tidak tertib. Objek boleh menyimpan objek lain, fungsi, jenis data primitif dan tatasusunan.

Objek literal ialah objek kosong.

var user = {};
Salin selepas log masuk
Salin selepas log masuk
var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
Salin selepas log masuk
Salin selepas log masuk

Notasi Titik dan Notasi Kurungan
Anda boleh mengakses harta nilai dengan kuncinya. Anda boleh mengubah suai nilai sifat sedia ada kunci. Anda boleh menambah sifat baharu pada objek.

Notasi Titik pada objek
Notasi Titik pada objek akan memberi anda akses kepada kunci dan kaedah objek. Notasi titik ditulis dengan nama objek dot(.) kunci/sifat.
objek.kunci

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
console.log(user.name); //output "Carol"
Salin selepas log masuk

Untuk mengubah suai objek menggunakan object.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user.name = 'Bonnie'
console.log(user); //
//output 

name: '"Bonnie",
age: 30,
occupation: "Teacher"

Salin selepas log masuk

Untuk menambah pada objek menggunakan object.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
user.favColor = 'Red'
console.log(user);
//output
age: 30,
  name: "Carol",
  occupation: "Teacher",
  favColor: "Red"

Salin selepas log masuk

Notasi Kurungan pada objek
Ungkapan ini membolehkan anda mengakses sifat objek menggunakan rentetan (dibalut dengan petikan) atau pembolehubah yang memegang nama sifat. Ini berguna apabila notasi titik tidak boleh digunakan. Notasi kurungan membolehkan anda menggunakan pembolehubah sebagai nama sifat, tidak seperti notasi titik
objek['ungkapan'];

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

console.log(user['name']);//output "Carol"
Salin selepas log masuk

Untuk mengubah suai objek

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['name'] = 'Bonnie'
console.log(user);
//output
name: 'Bonnie',
age: 30,
occupation: 'Teacher'
};
Salin selepas log masuk

Untuk menambah objek

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['favColor'] = 'Red'
console.log(user);
//output
name: 'Carol'
age: 30
occupation: 'Teacher'
user['favColor'] = 'Red'

};


Salin selepas log masuk

Apakah Tatasusunan?
Tatasusunan boleh menyimpan nilai yang berbeza termasuk nombor, rentetan, Boolean dan null. Setiap nilai dalam tatasusunan dipanggil elemen, dan setiap elemen diakses oleh indeksnya yang bermula pada 0. Indeks akan memberikan kedudukan elemen. Unsur-unsur disertakan dalam kurungan segi empat sama([]) dan dipisahkan dengan koma.

Tersurat tatasusunan kosong

var user =[]
Salin selepas log masuk
index:      0     1      2
var user = [1, 'Carol', true, ];
Salin selepas log masuk

1 ialah nombor dan terletak pada indeks sifar.
'Carol' ialah rentetan dan terletak pada indeks pertama.
Benar ialah nilai Boolean dan ia terletak pada indeks ketiga.

Kaedah Tatasusunan dibina dalam kaedah JavaScript di mana anda menambah, mengalih keluar dan mengubah suai elemen.

.push() membolehkan anda menambah elemen pada penghujung tatasusunan.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.push('cauliflower')
console.log(vegetables)
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];

Salin selepas log masuk

.pop() membenarkan anda mengalih keluar nilai ke penghujung tatasusunan.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];
vegetables.pop()
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];

Salin selepas log masuk

.unshift() membolehkan anda menambah nilai pada hadapan tatasusunan.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.unshift('Brussel sprouts');
console.log(vegetables);
//output
var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];
Salin selepas log masuk

.shift() membolehkan anda mengalih keluar nilai ke hadapan tatasusunan.

var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];
vegetables.shift();
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
Salin selepas log masuk

sifat.length() membenarkan untuk mendapatkan bilangan item dalam tatasusunan.

var user = {};
Salin selepas log masuk
Salin selepas log masuk

Notasi Kurungan pada tatasusunan
Anda boleh menggunakan notasi dan indeks kurungan untuk mendapatkan nilai elemen dalam tatasusunan.
Indeks bermula pada 0 yang akan memberikan elemen pertama dan indeks 1 akan memberi anda elemen kedua, dan kemudian seterusnya.

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
Salin selepas log masuk
Salin selepas log masuk

Kesimpulan
Tatasusunan dan objek ialah kedua-dua koleksi dalam JavaScript di mana nilai boleh dimanipulasi. Tatasusunan ialah koleksi tertib jenis data primitif di mana anda boleh mengakses setiap elemen dengan indeks berasaskan sifar. Kaedah tatasusunan digunakan untuk menambah, mengalih keluar atau mengubah suai tatasusunan dengan tatatanda titik. Notasi kurungan bersama-sama dengan indeks berasaskan sifar untuk mengakses setiap elemen. Objek ialah koleksi jenis data kompleks tidak tertib menggunakan kunci untuk mengakses nilai. Notasi titik digunakan untuk kekunci mudah dan notasi kurungan digunakan untuk kekunci yang lebih kompleks.
Rujukan:
1.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
2.https://www.w3schools.com/js/js_arrays.asp
3.https://javascript.info/array

Atas ialah kandungan terperinci Akses Tatasusunan dan Objek. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan