Rumah > Artikel > hujung hadapan web > Apakah kaedah melintasi objek dalam es6
Kaedah: 1. Gunakan "Object.keys(obj)" untuk melintasi objek dan mengembalikan tatasusunan kunci termasuk semua sifat terhitung objek itu sendiri 2. Gunakan "Reflect.ownKeys(obj)" untuk melintasi objek , mengembalikan tatasusunan yang mengandungi semua nama kunci objek itu sendiri 3. Gunakan "untuk dalam" untuk menggelungkan objek, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.
1 untuk…dalam
untuk…dalam gelung untuk melintasi bilangan objek sendiri dan diwarisi. Sifat (tidak termasuk sifat Simbol).
2. Object.keys(obj)
Object.keys mengembalikan tatasusunan, termasuk semua sifat terbilang (tidak diwarisi) bagi objek itu sendiri (tidak diwarisi) Kunci nama yang mengandungi atribut Simbol).
3. Object.getOwnPropertyNames(obj)
Object.getOwnPropertyNames mengembalikan tatasusunan yang mengandungi semua sifat objek itu sendiri (tidak termasuk sifat Simbol, tetapi termasuk atribut tidak boleh dikira ) nama kunci.
4. Object.getOwnPropertySymbols(obj)
Object.getOwnPropertySymbols mengembalikan tatasusunan yang mengandungi nama kunci semua sifat Simbol objek itu sendiri.
5. Reflect.ownKeys(obj)
Reflect.ownKeys mengembalikan tatasusunan yang mengandungi semua nama kunci objek itu sendiri, tidak kira sama ada nama kunci ialah Simbol atau rentetan Tidak kira sama ada ia boleh dikira atau tidak.
5 kaedah di atas untuk melintasi nama utama objek semuanya mengikut peraturan tertib yang sama bagi traversal atribut.
Mula-mula melintasi semua kekunci angka dan mengisihnya dalam tertib nilai menaik.
Kedua, ulangi semua kekunci rentetan dan isikannya dalam tertib menaik mengikut masa penyatuannya.
Akhir sekali, lintasi semua kekunci Simbol dan isikannya dalam tertib menaik mengikut masa menyertai.
Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 }) // [‘2′, ’10’, ‘b’, ‘a’, Symbol()]
[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!