Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar objek kepada tatasusunan dalam es6

Bagaimana untuk menukar objek kepada tatasusunan dalam es6

青灯夜游
青灯夜游asal
2022-03-08 19:08:558263semak imbas

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)".

Bagaimana untuk menukar objek kepada tatasusunan dalam es6

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 kaedah
let 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.frommap3 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!

Kenyataan:
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