Có thể sử dụng chức năng JS .map() (método de Arreglo)

Artículo original escrito bởi Nathan Sebhastian
Nghệ thuật gốc Bản đồ JavaScript – Cách sử dụng Hàm JS .map() (Phương thức mảng)
Traducido và Adaptado por Josué

Vắc-xin là cần thiết để tạo ra một mảng aplicar algún quy trình xử lý các phần tử sus để nhận được một mảng mới có các phần tử sửa đổi.

En lugar de iterar manualmente sobre el arreglo usando un bucle, puedes simplemente usar el incorporado Array.map().

phương pháp Array.map() te cho phép iterar sobre a arreglo y modificar sus elementos utilizando una función callback. Chức năng gọi lại sẽ xuất hiện trên một cada uno de los elementos del areglo.

Ví dụ, hãy hỗ trợ các yếu tố chính của hợp đồng:

let arr = [3, 4, 5, 6];

Ahora imagina que tienes que multiplicar cada uno de los elementos del arreglo por 3. Podrías coi việc sử dụng một khối for như thế này:

let arr = [3, 4, 5, 6];

for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 3;
}

console.log(arr); // [9, 12, 15, 18]

Pero en realidad puedes utilizar el method Array.map() para conseguir el mismo resultado. Anh ấy có một ví dụ:

let arr = [3, 4, 5, 6];

let modifiedArr = arr.map(function(element){
    return element *3;
});

console.log(modifiedArr); // [9, 12, 15, 18]

phương pháp Array.map() Chúng tôi sử dụng thông tin liên lạc cho ứng dụng algunos cambios thành phần tử, biển số nhân của một số đặc biệt có dạng trước đó, hoặc khả năng của bất kỳ thao tác nào khác có thể cần thiết cho ứng dụng đó.

Cómo utilizar map() sobre un arreglo de objetos

Ví dụ, puedes tener un arreglo de objetos que almacene los valores de firstName y lastName de tus amigos de la siguiente manera:

let users = [
  {firstName : "Susan", lastName: "Steward"},
  {firstName : "Daniel", lastName: "Longbottom"},
  {firstName : "Jacob", lastName: "Black"}
];

Puedes sử dụng phương pháp map() para iterar sobre el arreglo y unir los valores de firstName y lastName de la siguiente manera:

let users = [
  {firstName : "Susan", lastName: "Steward"},
  {firstName : "Daniel", lastName: "Longbottom"},
  {firstName : "Jacob", lastName: "Black"}
];

let userFullnames = users.map(function(element){
    return `${element.firstName} ${element.lastName}`;
})

console.log(userFullnames);
// ["Susan Steward", "Daniel Longbottom", "Jacob Black"]

phương pháp map() pasa algo más que un phần tử. Veamos todos los argumentos que pasa map() gọi lại la función.

Sơ đồ sintaxis hoàn thành phương pháp ()

Phương pháp sintaxis map() đó là điều cần thiết:

arr.map(function(element, index, array){  }, this);

La function() callback es llamada en cada elemento del arreglo, y el phương pháp map() siempre le pasa el element thực tế, el index phần tử thực tế và đối tượng array hoàn thành.

tranh luận this sẽ sử dụng trong chức năng gọi lại. Pordefo, su valor es undefined. Ví dụ, bạn đang có một cambiar el valor de this số thứ tự 80:

let arr = [2, 3, 5, 7]

arr.map(function(element, index, array){
	console.log(this) // 80
}, 80);

También puedes probar los otros argumentos usando console.log() bạn quan tâm:

let arr = [2, 3, 5, 7]

arr.map(function(element, index, array){
    console.log(element);
    console.log(index);
    console.log(array);
    return element;
}, 80);

Y eso es todo lo que necesitas sabre sobre el phương pháp Array.map(). La mayoría de la veces, solo utilizás el argumento del element trong chức năng gọi lại, bỏ qua phần còn lại. Eso es lo que suelo hacer en mis proyectos diarios 🙂

Gracias por leer este hướng dẫn