Bản đồ trong JavaScript – hàm bản đồ trong javascript là gì

< / p>

map1.clea r ();

console.log (map1);

Đầu ra:

6. Map.prototype.entries () - Nó trả về một đối tượng có chứa cặp cho mỗi phần tử có trong đối tượng Bản đồ.

Cú pháp:

  map1.entries (); 

 Thông số: 
Không có thông số

 Trả lại: 
Nó trả về một đối tượng trình lặp 

7. Map.prototype.keys () - Nó trả về một đối tượng chứa tất cả những gì có trong Đối tượng Bản đồ.

Cú pháp:

  map1.keys (); 

 Thông số: 
Không có tham số

 Trả lại: 
Đối tượng trình lặp 

8. Map.prototype.values ​​() - Nó trả về một đối tượng chứa tất cả những gì hiện có trong Đối tượng Bản đồ.

Cú pháp:

  map1.values ​​(); 

 Thông số: 
Không có tham số

 Trả lại: 
Đối tượng trình lặp 

Cho phép sử dụng tất cả các phương pháp được mô tả ở trên:

Ví dụ:

Javascript

var map1 = new Map ();

map1.set ( "tên" , "sumit" );

map1.set ( "họ" < / code> , "bóng mờ" );

map1.set ( "trang web" , "geeksforgeeks" ) < / code>

. set ( "friend 1" , "gourav" ) < / code>

. set ( "friend 2" , "sourav" );

< / p>

var get_entries = map1.entries ();

< / p>

console.log ( "---------- mục nhập --------- " );

đối với ( var ele of get_entries)

console.log (ele);

var get_keys = map1.keys (); < / code>

console.log ( " -------- các phím ---------- " );

cho ( var ele of get_keys)

console.log (ele);

< p class = "line number39 index38 alt2">

var get_values ​​= map1.values ​​();

< p class = "line number46 index45 alt1">

console.log ( "---------- giá trị ------------" );

cho ( var ele of get_values)

console.log (ele);

Đầu ra:

9. Map.prototype.forEach () - Nó thực thi chức năng một lần cho mỗi cặp trong Bản đồ, theo thứ tự chèn.

Cú pháp:

  map1.forEach (callback, [thisArgument]); 

 Thông số: 
callback - Đây là một hàm được thực thi cho từng phần tử của Bản đồ.
thisargument - Giá trị được sử dụng làm giá trị này khi thực hiện lệnh gọi lại.

 Trả lại: 
undefined 

Hàm gọi lại được cung cấp với ba tham số như sau:

• phần tử
• phần tử
• đã duyệt qua

Ví dụ:

Javascript

var map1 = new Map ();

map1.set ( "tên" , "sumit" );

map1.set ( "họ" , " ghosh " );

map1.set ( " trang web " , "geeksforgeeks" )

. set ( "friend 1" , "gourav" ) ​​

. set ( "friend 2" , "sourav" );

< / code>

function printOne (giá trị)

{

console.log (giá trị);

}

console.log ( "----- một tham số -----" );

map1.forEach (printOne); < / p>

function printTwo (giá trị, khóa)

{

console.log (key + "" + giá trị);

}

console.log ( "----- hai tham số -----" );

map1.forEach (printTwo);

function printThree (giá trị, khóa, bản đồ)

{

console.log (key + "" + giá trị);

console.log (map);

}

< p class = "line number47 index46 alt2">

console.log ( " ----- ba tham số ----- " );

map1.forEach (printThree);

Đầu ra:

Lưu ý: Trong ví dụ trên, chúng tôi sử dụng một hàm gọi lại đơn giản chỉ in một phần tử trong bảng điều khiển, nó có thể là thiết kế ed để thực hiện bất kỳ hoạt động phức tạp nào theo yêu cầu.

10. Map.prototype [@@ iterator] () - Nó trả về một hàm là phương thức của đối tượng Bản đồ theo mặc định.

Cú pháp:

  map1 [Symbol.iterator] 

 Thông số: 
Không có thông số

 Trả lại: 
Trả về một đối tượng trình vòng lặp bản đồ và nó là
entry () theo mặc định 

Ví dụ:

Javascript

var map1 = new Map ();

map1.set ( "tên" , "sumit" );

map1.set ( " họ " , " bóng mờ " );

map1.set ( "trang web" < / p>

. set ( "bạn 1" , "gourav" ) < / p>

. set ( "bạn 2" , "sourav" );

< p class = "line number14 index13 alt1"> var getit = map1 [Symbol.iterator] ();

< / p>

cho ( var < / code> elem của getit)

console.log (elem);

Đầu ra:

< p> 11. Bản đồ được sử dụng để lặp lại các mảng

Cú pháp:

  arr.map (function (value, index) {}) < / strong>

 Thông số: 
value = phần tử mảng
           index = chỉ số của mảng
           
 Trở lại: 
Giá trị đã sửa đổi của các phần tử 

Ví dụ:

Javascript

< / p>

let arr = [1,2,3,4,5]

let arr1 = [];

arr1 = arr.map ((value, idx) = & gt; {

console.log ( "giá trị" < / code>

return value * 2;

})

console.log ();

bảng điều khiển. log ( "arr =" + arr);

console.log ( " arr1 = " + arr1);

Đầu ra:

<… Lưu ý :- Chúng tôi có thể tạo người dùng defi ne có thể lặp lại thay vì sử dụng tham chiếu mặc định.

Tham chiếu:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript này và Ví dụ về JavaScript .

Ghi chú cá nhân của tôi