Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menukar objek kepada tatasusunan dalam es6
Dalam es6, anda boleh menggunakan kaedah from() bagi objek Array untuk menukar objek kepada tatasusunan Kaedah ini boleh menukar objek seperti tatasusunan atau objek boleh dilalui kepada sintaks ". Array.daripada (objek)".
Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.
Dalam es6, anda boleh menggunakan kaedah from() objek Tatasusunan untuk menukar objek itu kepada tatasusunan.
Kaedah Array.from() menukarkan objek seperti tatasusunan atau objek boleh dilalui kepada tatasusunan sebenar.
Jadi apakah objek seperti tatasusunan? Keperluan paling asas untuk objek seperti tatasusunan yang dipanggil ialah objek dengan atribut panjang.
1. Tukar objek seperti tatasusunan kepada tatasusunan sebenar:
let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4 } let arr = Array.from(arrayLike) console.log(arr) // ['tom','65','男',['jane','john','Mary']]
Jadi, bagaimana jika atribut panjang dalam kod di atas dialih keluar? Amalan telah membuktikan bahawa jawapannya ialah tatasusunan kosong dengan panjang 0.
Tukar kod di sini sekali lagi, iaitu, ia mempunyai atribut panjang, tetapi nama atribut objek bukan lagi jenis angka, tetapi jenis rentetan lain Kodnya adalah seperti berikut:
let arrayLike = { 'name': 'tom', 'age': '65', 'sex': '男', 'friends': ['jane','john','Mary'], length: 4 } let arr = Array.from(arrayLike) console.log(arr) // [ undefined, undefined, undefined, undefined ]
Anda akan mendapati bahawa hasilnya ialah tatasusunan dengan panjang 4 dan semua elemen tidak ditentukan
Ia boleh dilihat bahawa untuk menukar objek seperti tatasusunan kepada tatasusunan sebenar , syarat berikut mesti dipenuhi:
Jenis objek tatasusunan ini mesti mempunyai atribut panjang, yang digunakan untuk menentukan panjang tatasusunan. Jika tiada atribut panjang, tatasusunan yang ditukar ialah tatasusunan kosong.
Nama atribut jenis objek tatasusunan ini mestilah nombor angka atau rentetan
ps: Nama atribut jenis objek tatasusunan ini boleh dipetik atau tidak
2. >
juga boleh menerima parameter kedua, yang serupa dengan kaedahlet arr = [12,45,97,9797,564,134,45642] let set = new Set(arr) console.log(Array.from(set)) // [ 12, 45, 97, 9797, 564, 134, 45642 ]tatasusunan Ia digunakan untuk memproses setiap elemen dan meletakkan nilai yang diproses ke dalam tatasusunan yang dikembalikan. Seperti berikut:
Array.from
map
3 Tukar rentetan kepada tatasusunan:
let arr = [12,45,97,9797,564,134,45642] let set = new Set(arr) console.log(Array.from(set, item => item + 1)) // [ 13, 46, 98, 9798, 565, 135, 45643 ]
4 Parameter Array.from ialah tatasusunan sebenar:
let str = 'hello world!'; console.log(Array.from(str)) // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", "!"]
Dalam kes ini, Array.from akan mengembalikan tatasusunan baharu yang serupa
console.log(Array.from([12,45,47,56,213,4654,154]))[Cadangan berkaitan:
tutorial video javascript
,bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menukar objek kepada tatasusunan dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!