Memetakan objek ke array javascript

Contoh

Kembalikan array baru dengan akar kuadrat dari semua nilai elemen

angka const = [4, 9, 16, 25];
const newArr = angka. peta (Matematika. persegi)

Kalikan semua nilai dalam array dengan 10

angka const = [65, 44, 12, 4];
const newArr = angka. peta(myFunction)

function myFunction(num) {
mengembalikan angka * 10;
}

Lebih banyak contoh di bawah ini

Definisi dan Penggunaan

map()_ membuat larik baru dari pemanggilan fungsi untuk setiap elemen larik

map()_ memanggil fungsi satu kali untuk setiap elemen dalam array

map()_ tidak menjalankan fungsi untuk elemen kosong

map()_ tidak mengubah array asli

Sintaksis

Himpunan. peta(fungsi(Nilaisaat ini, indeks, arr),Nilaiini)

Parameter

Nilai Pengembalian

Lebih Banyak Contoh

Dapatkan nama lengkap untuk setiap orang

const orang = [
{nama depan. "Malcolm", nama belakang. "Reynolds"},
{nama depan. "Kaylee", nama belakang. "Goreng"},
{nama depan. "Jayne", nama belakang. "Cobb"}
];

orang. peta(getFullName);

fungsi getFullName(item) {
barang yang dikembalikan. nama depan, item. nama keluarga]. Ikuti(" ");
}

Dukungan Peramban

map() adalah fitur ECMAScript5 (ES5).

ES5 (JavaScript 2009) didukung penuh di semua browser

Dalam artikel kami sebelumnya tentang Peta, kami belajar cara membuat Peta dan menggunakan properti serta metodenya dan mengulanginya. Pada artikel ini, kita akan belajar bagaimana kita dapat mengonversi Peta menjadi larik dan objek dan sebaliknya. Mari kita mulai

Membuat Peta menggunakan Array

Mari buat Peta menggunakan kata kunci baru dan letakkan elemen di dalamnya menggunakan peta. set() metode

let map = new Map();
map.set("1","first element");
map.set(1, "second element");
map.set(true, "hello world");

Alih-alih menambahkan elemen menggunakan peta. set(), kita dapat melewatkan larik pasangan nilai kunci untuk menginisialisasi Peta

let map = new Map([
  ["1", "first element"],
  [1, "second element"],
  [true, "hello world"]
]);

Jika kita harus meletakkan sejumlah besar elemen dalam Peta, menginisialisasi Peta dengan meneruskan array pasangan nilai kunci lebih intuitif daripada menginisialisasi dengan peta. mengatur()

Membuat Array dari Peta

Untuk membuat Array dari Map, kita bisa menggunakan map. entri() metode

let newIterable = map.entries(map);
//return iterable with [key,value] pairs

let newArray = Array.from(newIterable)
// We will get a 2D array having [key, value] pairs.

Kami juga dapat mengirimkan Peta langsung ke Array. from() karena Map mengembalikan iterable dari pasangan [key,value] secara default

let newArray = Array.from(map)
// We will get a 2D array having [key, value] pairs.

Untuk mendapatkan array kunci dan nilai Peta, kita dapat menggunakan pendekatan yang sama seperti di atas

let newKeysIterable = map.keys()
let newValuesIterable = map.values()

let keysArray = Array.from(newKeysIterable);
let valuesArray = Array.from(newValuesIterable);

Membuat Peta dari Objek

Untuk membuat Peta dari Objek, kita dapat mengubah objek menjadi larik pasangan [kunci, nilai] dan kemudian membuat Peta menggunakan itu

let obj = {
	"name": "hackinbits",
	"type": "website"
}

Untuk mendapatkan array key-value pair dari objek di atas, kita bisa menggunakan Object. entri()

let newArray = Object.entries(obj)

let map = new Map(newArray);

Membuat Objek dari Peta

Jika kita ingin mengonversi Peta dalam contoh kita sebelumnya, kembali ke Obyek yang dibuat dari (obj) kita dapat menggunakan Obyek. metode fromEntries()

Obyek. fromEntries() mengambil array pasangan [key, value] dan mengembalikan objek javascript biasa

let newArray = map.entries();

let newObject = Object.fromEntries(newArray);

Kita bisa meneruskan Peta langsung ke Object. fromEntries() dan kita akan mendapatkan hasil yang sama Map mengembalikan iterable dari pasangan [key, value] secara default

let newObject = Object.fromEntries(map);

Ringkasan

Pada artikel ini, kami belajar

• Cara membuat Peta menggunakan kata kunci baru dan menggunakan larik [key, value].
• Cara mendapatkan array 2d [kunci, nilai] dari Peta
• Cara membuat Peta dari Objek Javascript biasa
• Cara membuat Objek javascript biasa dari Peta

Terima kasih sudah membaca. Semoga harimu menyenangkan

Jika Anda menyukai artikel ini, harap upvote dan rekomendasikan. Jangan ragu untuk mengajukan pertanyaan apa pun di komentar di bawah

Kami sering menerbitkan artikel tentang pengembangan web dan teknologi. Pertimbangkan untuk berlangganan buletin kami atau ikuti kami di saluran sosial kami (twitter, Facebook, LinkedIn)

Bagaimana cara memetakan objek ke array di Javascript?

Bagaimana cara mengubah objek menjadi array dalam JavaScript?

Bagaimana Anda memetakan array objek ke array?

Bisakah saya menggunakan peta pada array objek?