Rumah hujung hadapan web Soal Jawab bahagian hadapan Apakah kaedah melintasi objek dalam es6

Apakah kaedah melintasi objek dalam es6

May 19, 2022 pm 01:17 PM
es6

6 cara untuk melintasi objek: 1. pernyataan "untuk...dalam", yang boleh menggelungkan melalui sifat terbilang objek itu sendiri dan diwarisi 2. keys() melintasi nama harta, nilai () Traverse nilai harta; 3. getOwnPropertyNames(), yang boleh mengembalikan tatasusunan yang mengandungi semua sifat, dsb.

Apakah kaedah melintasi objek dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

6 cara untuk melintasi sifat objek dalam ES6

untuk...dalam

Gelung melalui sifat terbilang objek sendiri dan diwarisi (tidak termasuk atribut simbol)

for (let k in obj) {}
Salin selepas log masuk

Gelung melalui sifat terhitung objek sendiri dan diwarisi (gelung melalui objek Sifat terbilang yang dimiliki dan diwarisi ( tidak termasuk sifat Simbol)

let obj = {'0':'a','1':'b','2':'c'}
for (let k in obj) {
	console.log(k+':'+obj[k])
}
//0:a
//1:b
//2:c
Salin selepas log masuk

Apakah kaedah melintasi objek dalam es6

2. Object.keys(obj)|| Object .values(obj)

Mengembalikan tatasusunan, termasuk semua sifat terhitung objek itu sendiri (tidak termasuk pewarisan) (tidak termasuk sifat Simbol)

kunci() Ia adalah traversal nama atribut() ialah traversal daripada nilai atribut

let obj = {'0':'a','1':'b','2':'c'}
console.log(Object.keys(obj))
//["0","1","2"]
console.log(Object.values(obj))
//["a","b","c"]
Salin selepas log masuk

Apakah kaedah melintasi objek dalam es6

3 Object.getOwnPropertyNames(obj)

Pulangan. tatasusunan yang mengandungi semua sifat objek itu sendiri (tidak termasuk sifat, tetapi termasuk sifat yang tidak boleh dikira)

let obj = {'0':'a','1':'b','2':'c'};

Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]);
});
// 0 a
// 1 b
// 2 c
Salin selepas log masuk

Apakah kaedah melintasi objek dalam es6

Object.getOwnPropertySimbols( obj)

Mengembalikan tatasusunan yang mengandungi semua sifat Simbol bagi objek itu sendiri

Contoh: Dapatkan atribut Nilai Simbol objek itu sendiri

var obj = {};
var a = Symbol("a");
var b = Symbol.for("b");

obj[a] = "localSymbol";
obj[b] = "globalSymbol";

var objectSymbols = Object.getOwnPropertySymbols(obj);

console.log(objectSymbols.length); // 2
console.log(objectSymbols)         // [Symbol(a), Symbol(b)]
console.log(objectSymbols[0])      // Symbol(a)
Salin selepas log masuk

Apakah kaedah melintasi objek dalam es6

5 Reflect.ownKeys(obj)

mengembalikan tatasusunan, Mengandungi semua sifat objek itu sendiri, tidak kira sama ada. nama harta ialah Simbol atau rentetan, atau sama ada ia boleh dihitung

const object1 = {
  property1: 42,
  property2: 13
};

const array1 = [];

console.log(Reflect.ownKeys(object1));
// expected output: Array ["property1", "property2"]

console.log(Reflect.ownKeys(array1));
// expected output: Array ["length"]
Salin selepas log masuk

Apakah kaedah melintasi objek dalam es6

6. Refleksikan .enumerate(obj)

mengembalikan objek Iterator, merentasi semua sifat terhitung objek itu sendiri dan pewarisannya (tidak termasuk sifat Simbol), sama seperti untuk ... dalam gelung

var obj = { x: 1, y: 2 };

for (var name of Reflect.enumerate(obj)) {
  console.log(name);
}
// logs "x" and "y"
Salin selepas log masuk

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah kaedah melintasi objek dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk membalikkan tatasusunan dalam ES6 Bagaimana untuk membalikkan tatasusunan dalam ES6 Oct 26, 2022 pm 06:19 PM

Bagaimana untuk membalikkan tatasusunan dalam ES6

Adakah async untuk es6 atau es7? Adakah async untuk es6 atau es7? Jan 29, 2023 pm 05:36 PM

Adakah async untuk es6 atau es7?

Bagaimana untuk mencari item yang berbeza dalam dua tatasusunan dalam es6 Bagaimana untuk mencari item yang berbeza dalam dua tatasusunan dalam es6 Nov 01, 2022 pm 06:07 PM

Bagaimana untuk mencari item yang berbeza dalam dua tatasusunan dalam es6

Mengapakah program mini perlu menukar es6 kepada es5? Mengapakah program mini perlu menukar es6 kepada es5? Nov 21, 2022 pm 06:15 PM

Mengapakah program mini perlu menukar es6 kepada es5?

Adakah memerlukan sintaks es6? Adakah memerlukan sintaks es6? Oct 21, 2022 pm 04:09 PM

Adakah memerlukan sintaks es6?

Adakah es2015 sama dengan es6? Adakah es2015 sama dengan es6? Oct 25, 2022 pm 06:51 PM

Adakah es2015 sama dengan es6?

Adakah peta es6 dipesan? Adakah peta es6 dipesan? Nov 03, 2022 pm 07:05 PM

Adakah peta es6 dipesan?

Apakah maksud zon mati sementara es6? Apakah maksud zon mati sementara es6? Jan 03, 2023 pm 03:56 PM

Apakah maksud zon mati sementara es6?

See all articles