What is Map ?
Map is a collection of key and value pairs, similar to Object. The main difference between a Map and an Object is that Map allows key on any type either primitive or an object. Let’s learn how to create a Map and do operations on it.
var array = ["this is react js","<br>",999,"<br>",9];
var abc = array.map((value)=>{
console.log(value);
document.write(value)
});
console.log(abc);
Object with Map() method
<script>
var abc =[
{
sname:"ramesh",
course:"rjs",
addrress:"bangalore",
},
{
sname:"ramesh",
course:"rjs",
addrress:"bangalore",
},
{
sname:"ramesh",
course:"rjs",
addrress:"bangalore",
},
{
sname:"ramesh",
course:"rjs",
addrress:"bangalore",
}
]
var msg = abc.map((value)=>{
return value.sname;
});
document.write(msg);
console.log(msg);
var course = abc.map((course)=>{
return course.course;
})
document.write(course);
console.log(course);
</script>
Map function with Objects
<script>
var abc =[
{
sname :"remesh",
scourse:"reactjs",
saddress:"Hyd",
},
{
sname :"remesh",
scourse:"reactjs",
saddress:"Hyd",
},
{
sname :"remesh",
scourse:"reactjs",
saddress:"Hyd",
},
{
sname :"remesh",
scourse:"reactjs",
saddress:"Hyd",
},
]
// mapping the single object properties
var studentnames = abc.map((abc)=>({sname:abc.sname}));
console.log(studentnames)
// you can map multiple properties at a time .
var details =
abc.map((abc)=>({sname:abc.sname, scourse:abc.scourse}));
console.log(details);
</script>