Phương thức map

Phương thức map gọi một hàm xác định cho mỗi phần tử trong tập hợp. Nó đặc biệt tiện lợi cho việc lấy hoặc thiết lập giá trị của một tập hợp phần tử. Phương thức map trả về một tập hợp mới được tạo thành từ các phần tử và đối tượng khác nhau, khác với phương thức each, phương thức này trả về tập hợp phần tử ban đầu.

Cú pháp

Các phần tử có thể truy cập được trong hàm, trong biến this, và số thứ tự của chúng trong tập hợp — trong biến index:

javascript$(selector).map(function(index, element));

Ví dụ

Hãy xuất ra màn hình một danh sách các tên id phần tử, được phân tách bằng dấu phẩy. Chúng ta cũng sử dụng các phương thức get và join:

html<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>
javascriptconsole.log(
  $('p').map(
    function() {
      return this.id; 
    }
  ).get().join()
);

Xem thêm

  • phương thức filter,
    lọc các phần tử theo một bộ chọn xác định
  • phương thức each,
    gọi một hàm xác định cho mỗi phần tử trong tập hợp