[ Web Proxy ]
URL:
Viewing: https://uk.javascript.info/task/map-objects [Back]  [Original]

:
DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek

: 5

user, name, surname id.

, id fullName, fullName name surname.

:

let ivan = { name: "", surname: "", id: 1 };
let petro = { name: "", surname: "", id: 2 };
let mariya = { name: "", surname: "", id: 3 };

let users = [ ivan, petro, mariya ];

let usersMapped = /* ...   ... */

/*
usersMapped = [
  { fullName: " ", id: 1 },
  { fullName: " ", id: 2 },
  { fullName: " ", id: 3 }
]
*/

alert( usersMapped[0].id ) // 1
alert( usersMapped[0].fullName ) //  

, . =>. .

let ivan = { name: "", surname: "", id: 1 };
let petro = { name: "", surname: "", id: 2 };
let mariya = { name: "", surname: "", id: 3 };

let users = [ ivan, petro, mariya ];

let usersMapped = users.map(user => ({
  fullName: `${user.name} ${user.surname}`,
  id: user.id
}));

/*
usersMapped = [
  { fullName: " ", id: 1 },
  { fullName: " ", id: 2 },
  { fullName: " ", id: 3 }
]
*/

alert( usersMapped[0].id ); // 1
alert( usersMapped[0].fullName ); //  

, .

:

let usersMapped = users.map(user => {
  fullName: `${user.name} ${user.surname}`,
  id: user.id
});

, : value => expr value => {...}.

JavaScript { , . , :

let usersMapped = users.map(user => ({
  fullName: `${user.name} ${user.surname}`,
  id: user.id
}));

.


Web Proxy Viewer  |  New URL  |  Original Page