Rumah hujung hadapan web tutorial js Bagaimana untuk menukar objek kepada tatasusunan dalam es6

Bagaimana untuk menukar objek kepada tatasusunan dalam es6

Mar 08, 2022 pm 07:08 PM
es6 Objek kepada tatasusunan

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']]
Salin selepas log masuk

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 ]
Salin selepas log masuk

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 ]
Salin selepas log masuk
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 ]
Salin selepas log masuk

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", "!"]
Salin selepas log masuk

Dalam kes ini, Array.from akan mengembalikan tatasusunan baharu yang serupa

console.log(Array.from([12,45,47,56,213,4654,154]))
Salin selepas log masuk
[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 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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat 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

Dalam ES6, anda boleh menggunakan kaedah reverse() objek tatasusunan untuk mencapai pembalikan tatasusunan Kaedah ini digunakan untuk membalikkan susunan elemen dalam tatasusunan, meletakkan elemen terakhir dahulu dan elemen pertama terakhir .reverse()". Kaedah reverse() akan mengubah suai tatasusunan asal Jika anda tidak mahu mengubah suainya, anda perlu menggunakannya dengan operator pengembangan "..." dan sintaksnya ialah "[...array].reverse() ".

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

async ialah es7. async dan await ialah penambahan baharu kepada ES7 dan merupakan penyelesaian untuk operasi asynchronous/wait boleh dikatakan sebagai gula sintaktik untuk modul bersama dan fungsi penjana, menyelesaikan kod tak segerak dengan semantik yang lebih jelas. Seperti namanya, async bermaksud "tak segerak".

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

Langkah-langkah: 1. Tukar dua tatasusunan untuk menetapkan jenis masing-masing, dengan sintaks "newA=new Set(a);newB=new Set(b);" 2. Gunakan has() dan filter() untuk mencari set perbezaan , dengan sintaks " new Set([...newA].filter(x =>!newB.has(x)))", elemen set perbezaan akan dimasukkan dalam koleksi set dan dikembalikan 3. Gunakan Array. daripada untuk menukar set menjadi Jenis tatasusunan, sintaks "Array.from(collection)".

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

Untuk keserasian pelayar. Sebagai spesifikasi baharu untuk JS, ES6 menambah banyak sintaks dan API baharu Walau bagaimanapun, penyemak imbas moden tidak mempunyai sokongan tinggi untuk ciri baharu ES6, jadi kod ES6 perlu ditukar kepada kod ES5. Dalam alat pembangun web WeChat, babel digunakan secara lalai untuk menukar kod sintaks ES6 pembangun kepada kod ES5 yang disokong dengan baik oleh ketiga-tiga terminal, membantu pembangun menyelesaikan masalah pembangunan yang disebabkan oleh persekitaran yang berbeza hanya dalam projek Hanya konfigurasi dan semak Pilihan "ES6 hingga ES5".

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

Dalam es6, zon mati sementara ialah ralat sintaks, yang merujuk kepada arahan let dan const yang menjadikan blok membentuk skop tertutup. Dalam blok kod, sebelum pembolehubah diisytiharkan menggunakan perintah let/const, pembolehubah tidak tersedia dan tergolong dalam "zon mati" pembolehubah sebelum pembolehubah diisytiharkan ini secara sintaksis dipanggil "zon mati sementara". ES6 menetapkan bahawa promosi pembolehubah tidak berlaku dalam zon mati sementara dan pernyataan let dan const, terutamanya untuk mengurangkan ralat masa jalan dan menghalang pembolehubah daripada digunakan sebelum ia diisytiharkan, yang mungkin membawa kepada tingkah laku yang tidak dijangka.

Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam es5 dan es6 Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam es5 dan es6 Jan 16, 2023 pm 05:09 PM

Dalam es5, anda boleh menggunakan fungsi for dan indexOf() untuk mencapai deduplikasi tatasusunan Sintaks "for(i=0;i<array length;i++){a=newArr.indexOf(arr[i]);if(. a== -1){...}}". Dalam es6, anda boleh menggunakan operator spread, Array.from() dan Set untuk mengalih keluar penduaan anda perlu terlebih dahulu menukar tatasusunan menjadi objek Set untuk mengalih keluar pendua, dan kemudian menggunakan fungsi spread atau Array.from() untuk tukar objek Set kembali kepada kumpulan Just.

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

Tidak, memerlukan sintaks modular bagi spesifikasi CommonJS dan sintaks modular bagi spesifikasi es6 ialah import. memerlukan dimuatkan pada masa jalan, dan import dimuatkan pada masa penyusunan; memerlukan boleh ditulis di mana-mana dalam kod, import hanya boleh ditulis di bahagian atas fail dan tidak boleh digunakan dalam penyataan bersyarat atau skop fungsi diperkenalkan sahaja apabila memerlukan dijalankan Oleh itu, prestasi adalah agak rendah Sifat modul yang diperkenalkan semasa penyusunan import mempunyai prestasi yang lebih tinggi.

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

Peta dipesan. Jenis peta dalam ES6 ialah senarai tersusun yang menyimpan banyak pasangan nilai kunci Nama kunci dan nilai yang sepadan menyokong semua jenis data, kesetaraan nama kunci dinilai dengan memanggil kaedah "Objext.is()". , jadi nombor 5 dan rentetan "5" akan dinilai sebagai dua jenis, dan boleh muncul dalam program sebagai dua kekunci bebas.

See all articles