Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggunakan map() pada tatasusunan dalam susunan terbalik menggunakan JavaScript?

Bagaimana untuk menggunakan map() pada tatasusunan dalam susunan terbalik menggunakan JavaScript?

PHPzke hadapan: 2023-08-30 08:33:15486semak imbas

如何使用 JavaScript 以相反的顺序在数组上使用 map() ？

Kami telah diberikan pelbagai elemen dan perlu menggunakan map() pada tatasusunan dalam susunan terbalik melalui JavaScript.

Kaedah

map() memetakan elemen baharu yang berkaitan dengan elemen tatasusunan tertentu dalam tatasusunan hasil. Kadangkala, kita perlu memetakan elemen dalam susunan terbalik. Terdapat pelbagai cara untuk menggunakan map() pada tatasusunan dalam susunan terbalik. Kami akan melihat semua kaedah satu demi satu.

pengenalan kaedah peta()

Tatabahasa

Gunakan kaedah map() mengikut sintaks di bawah.

array.map((ele, ind, array) => {
   return ele + 20;
})

Parameter

ele – Ia ialah elemen tatasusunan.
ind – Indeks unsur semasa.
array – Ini ialah tatasusunan yang kami gunakan kaedah map().

Terbalikkan tatasusunan dan gunakan kaedah map()

Untuk menggunakan map() pada tatasusunan dalam susunan terbalik, kita boleh menterbalikkan tatasusunan terlebih dahulu menggunakan kaedah reverse() JavaScript. Selepas itu, kita boleh menggunakan kaedah map() dengan tatasusunan terbalik.

Tatabahasa

Pengguna boleh mengikut sintaks di bawah untuk membalikkan tatasusunan dan kemudian menggunakan kaedah map().

let reversedArray = [...numbers].reverse();
let resultant_array = reversedArray.map((element, index) => { 
})

Dalam sintaks di atas, kami telah menggunakan kaedah spread operator dan reverse() untuk membalikkan tatasusunan nombor. Selepas itu, kami menggunakan kaedah map() dengan tatasusunan terbalik.

Contoh 1

Dalam contoh ini, kami telah mencipta susunan nombor yang mengandungi nombor yang berbeza. Seterusnya, kita membalikkan tatasusunan nombor menggunakan kaedah terbalik() dan menyimpannya dalam pembolehubah tatasusunan terbalik. Dalam output, pengguna boleh melihat tatasusunan terbalik.

Selepas itu, kami mendarabkan setiap elemen reverseArray menggunakan kaedah map(), yang pengguna boleh perhatikan dalam output.

<html>
<body>
   <h3> Using the <i> array.reverse() and array.map() </i> methods to use map() in reverse order on array. </h3>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      let numbers = [10, 20, 5, 3, 2, 6, 8, 532, 7, 45, 2, 54, 76, 789];
      let reversedArray = [...numbers].reverse();
      output.innerHTML += "The original array is " + numbers + "<br/>";
      output.innerHTML += "The reversed array is " + reversedArray + "<br/>";
      let resultant_array = reversedArray.map((element, index) => {
         return element + index;
      })
      output.innerHTML += "After using the map() method in reverse order on numbers array is " + resultant_array + "<br/>"
   </script>
</body>
</html>

Akses elemen dalam susunan terbalik dalam fungsi panggil balik kaedah map()

Untuk menggunakan kaedah map() pada tatasusunan dalam susunan terbalik, bukannya menyongsangkan tatasusunan, kita boleh mengakses elemen tatasusunan dalam susunan terbalik. Kita boleh lulus indeks semasa iaitu tatasusunan itu sendiri dalam fungsi panggil balik kaedah map() dan menggunakannya untuk mengakses elemen dalam susunan terbalik.

Tatabahasa

Pengguna boleh mengikut sintaks di bawah untuk mengakses elemen dalam susunan terbalik dalam kaedah map().

let resultant_array = array.map((element, index, array) => {
   array[array.length - index - 1];
})

Dalam sintaks di atas, array.length – indeks -1 indeks memberikan elemen tatasusunan terakhir.

Contoh 2

Dalam contoh di bawah, kami menggunakan kaedah map() dengan numbersArray. Dalam kaedah map(), kami mengakses elemen dari hujung tatasusunan menggunakan panjang tatasusunan dan indeks elemen semasa dan darabkannya dengan 2 sebelum kembali.

<html>
<body>
   <h3> Using the <i> array.reverse() and array.map() </i> methods to use map() in reverse order on array. </h3>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output'); 
      let numbersArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
      let resultant_array = numbersArray.map((element, index, array) => {
         
         // access elements in reverse order and return after multiplying with two
         return array[array.length - index - 1] * 2;
      })
      output.innerHTML += "The original array is " + numbersArray + "<br/>";
      output.innerHTML += "After using the map() method in reverse order on numbers array is " + resultant_array + "<br/>";
   </script>
</body>
</html>

Mula-mula gunakan kaedah map() dan kemudian terbalikkan tatasusunan yang terhasil

Dalam kaedah memetakan elemen tatasusunan dalam susunan terbalik, kami akan menggunakan kaedah map() dan kaedah terbalik() dahulu. Kita boleh membalikkan tatasusunan dipetakan yang terhasil menggunakan kaedah slice() dan reverse().

Tatabahasa

Pengguna boleh menggunakan kaedah map() dahulu dan kemudian kaedah reverse() mengikut sintaks berikut.

Let new_array = strings.map((element) => {
   
   // return element
});
new_array.reverse();

Dalam sintaks di atas, new_array mengandungi nilai yang dipetakan, dan kami menggunakan kaedah reverse() pada new_array.

Contoh 3

Dalam contoh di bawah, kami telah mencipta tatasusunan rentetan. Kami menggunakan kaedah map() untuk menggunakan huruf besar bagi setiap elemen rentetan. Selepas itu, kami menggunakan kaedah reverse() untuk membalikkan peta elemen. Dengan cara ini, kami memetakan elemen rentetan dalam susunan terbalik.

<html>
<body>
   <h3> Using the <i> array.reverse() and array.map() </i> methods to use map() in reverse order on array </h3>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      let strings = ["hello", "hi", "javascript", "typescript", "tutorialspoint"];
      
      // use map() method first
      let capitalized = strings.map((element) => {
         return element.substring(0, 1).toUpperCase() + element.substr(1);
      });
      
      // reverse the array
      capitalized.reverse();
      output.innerHTML += "The original array is " + strings + "<br/>";
      output.innerHTML += "The resultant array is " + capitalized + "<br/>";
   </script>
</body>
</html>

Kami mempelajari tiga cara untuk menggunakan map() pada tatasusunan dalam susunan terbalik melalui JavaScript. Cara terbaik ialah cara kedua, mengakses elemen tatasusunan dalam susunan terbalik dalam kaedah map() kerana ia lebih cekap masa dan mengambil kurang memori daripada kaedah lain.

Atas ialah kandungan terperinci Bagaimana untuk menggunakan map() pada tatasusunan dalam susunan terbalik menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript Array 运算符回调函数字符串 Length map

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Petua Pantas: Menghuraikan jQuery - TeksArtikel seterusnya：Petua Pantas: Menghuraikan jQuery - Teks

Artikel berkaitan

Lihat lagi