Tạo một mảng với khóa và giá trị javascript

Hàm chúng tôi đã chuyển đến Mảng. Phương thức forEach() được gọi với từng phần tử (đối tượng) trong mảng

Trên mỗi lần lặp lại, chúng tôi thêm một cặp khóa/giá trị vào đối tượng hiện tại

Nếu tên của khóa bạn cần thêm vào đối tượng chứa dấu gạch ngang, dấu cách hoặc bắt đầu bằng một số, hãy sử dụng ký hiệu dấu ngoặc để thêm khóa vào từng đối tượng

Phương thức Array.forEach() lặp lại mảng và thêm cặp khóa-giá trị vào từng đối tượng tại chỗ

Nếu bạn không muốn thay đổi mảng ban đầu, hãy sử dụng phương thức Array.map()

Thêm một cặp Khóa/Giá trị cho tất cả các Đối tượng trong Mảng bằng cách sử dụng Array.map()

Để thêm một cặp khóa/giá trị cho tất cả các đối tượng trong một mảng

1. Sử dụng phương thức Array.map() để lặp lại mảng
2. Sử dụng cú pháp trải rộng để thêm một cặp khóa/giá trị cho từng đối tượng
3. Cặp khóa/giá trị sẽ được thêm vào tất cả các đối tượng trong mảng mới

Hàm chúng tôi đã chuyển đến Mảng. phương thức map() được gọi với từng phần tử (đối tượng) trong mảng

Chúng tôi đã sử dụng cú pháp lây lan (. ) để giải nén các cặp khóa/giá trị của từng đối tượng và thêm một cặp khóa/giá trị bổ sung

Một cách dễ dàng để nghĩ về cú pháp lây lan là chúng ta giải nén các cặp khóa/giá trị của đối tượng nguồn thành đối tượng đích

Về cơ bản, chúng tôi chuyển qua thuộc tính id và thêm thuộc tính color cho mỗi đối tượng

Phương thức Array.map() khác với phương thức Array.forEach() bởi vì map() trả về một mảng mới, trong khi đó Array.forEach()0 trả về Array.forEach()1

Khi sử dụng phương thức Array.forEach()0, chúng ta biến mảng tại chỗ

Bạn cũng có thể sử dụng phương thức Array.forEach()3 thay vì sử dụng cú pháp lây lan

Chúng tôi đã sử dụng phương thức Array.forEach()3 để sao chép các cặp khóa-giá trị của một hoặc nhiều đối tượng vào một đối tượng mục tiêu

Các đối số chúng tôi đã chuyển đến Đối tượng. phương thức gán() là

1. đối tượng đích - đối tượng mà các thuộc tính được cung cấp sẽ được áp dụng
2. (các) đối tượng nguồn - một hoặc nhiều đối tượng chứa các thuộc tính mà chúng ta muốn áp dụng cho đối tượng đích

Bạn có thể tưởng tượng rằng các cặp khóa-giá trị của đối tượng mà chúng tôi đã chuyển làm đối số thứ hai cho Array.forEach()3, được sao chép vào đối tượng mà chúng tôi đã cung cấp cho đối số đầu tiên

Nếu bạn cần thêm một cặp khóa-giá trị cho tất cả các đối tượng trong một mảng theo điều kiện, hãy sử dụng toán tử bậc ba

Toán tử bậc ba rất giống với câu lệnh Array.forEach()6

Nếu biểu thức bên trái dấu chấm hỏi trả về giá trị trung thực thì toán tử trả về giá trị bên trái dấu hai chấm, ngược lại, giá trị bên phải dấu hai chấm được trả về

Trong ví dụ này, chúng tôi kiểm tra xem thuộc tính id của đối tượng hiện tại có lớn hơn Array.forEach()8 hay không

Nếu điều kiện được đáp ứng, chuỗi Array.forEach()9 được trả về cho thuộc tính Array.map()0, nếu không, chuỗi Array.map()1 được trả về

Đây là câu lệnh Array.forEach()6 tương đương

Nếu thuộc tính id của đối tượng lớn hơn Array.forEach()8, thì khối Array.map()5 sẽ chạy, ngược lại, khối Array.map()6 sẽ chạy

Thí dụ

Tạo một đối tượng Array Iterator, chứa các khóa của mảng

const trái cây = ["Chuối", "Cam", "Táo", "Xoài"];
phím const = trái cây. phím();

hãy để văn bản = "";
for (let x of keys) {
văn bản += x + "
“;
}

Sử dụng đối tượng tích hợp. keys() Phương thức

const trái cây = ["Chuối", "Cam", "Táo", "Xoài"];
khóa const = Đối tượng. chìa khóa (trái cây);

hãy để văn bản = "";
for (let x of keys) {
văn bản += x + "
“;
}

Định nghĩa và cách sử dụng

Phương thức keys() trả về một đối tượng Array Iterator với các khóa của một mảng

Phương thức keys() không thay đổi mảng ban đầu

cú pháp

Thông số

Giá trị trả về

Hỗ trợ trình duyệt

keys() là một tính năng ECMAScript6 (ES6)

ES6 (JavaScript 2015) được hỗ trợ trong tất cả các trình duyệt hiện đại

keys() không được hỗ trợ trong Internet Explorer 11 (hoặc cũ hơn)

Nếu bạn có một danh sách các mục (ví dụ: danh sách tên ô tô), việc lưu trữ ô tô trong các biến đơn lẻ có thể trông như thế này

hãy để xe1 = "Saab";
cho car2 = "Volvo";
cho xe3 = "BMW";

Tuy nhiên, nếu bạn muốn đi vòng qua các ô tô và tìm một ô tô cụ thể thì sao?

Giải pháp là một mảng

Một mảng có thể chứa nhiều giá trị dưới một tên duy nhất và bạn có thể truy cập các giá trị bằng cách tham chiếu đến một số chỉ mục

Tạo một mảng

Sử dụng một mảng chữ là cách dễ nhất để tạo một mảng JavaScript

cú pháp

const tên_mảng = [mục1,mục2,. ];

Một thực tế phổ biến là khai báo mảng với từ khóa const

Tìm hiểu thêm về const với mảng trong chương. Mảng JS Const

Dấu cách và ngắt dòng không quan trọng. Một khai báo có thể trải rộng trên nhiều dòng

Bạn cũng có thể tạo một mảng rồi cung cấp các phần tử

Thí dụ

const xe = [];
xe ô tô[0]= "Saab";
xe[1]= "Volvo";
ô tô[2]= "BMW";

Sử dụng Từ khóa JavaScript mới

Ví dụ sau cũng tạo một Array và gán giá trị cho nó

Hai ví dụ trên làm hoàn toàn giống nhau

Không cần sử dụng new Array()

Để đơn giản, dễ đọc và tốc độ thực thi, hãy sử dụng phương thức ký tự mảng

Truy cập các phần tử mảng

Bạn truy cập một phần tử mảng bằng cách tham khảo số chỉ mục

Ghi chú. Chỉ mục mảng bắt đầu bằng 0

[0] là phần tử đầu tiên. [1] là phần tử thứ hai

Thay đổi một phần tử mảng

Câu lệnh này thay đổi giá trị của phần tử đầu tiên trong cars

Truy cập toàn bộ mảng

Với JavaScript, toàn bộ mảng có thể được truy cập bằng cách tham khảo tên mảng

Thí dụ

const xe = ["Saab", "Volvo", "BMW"];
tài liệu. getElementById("bản trình diễn"). InternalHTML = ô tô;

Mảng là đối tượng

Mảng là một loại đối tượng đặc biệt. Toán tử typeof trong JavaScript trả về "đối tượng" cho mảng

Tuy nhiên, mảng JavaScript được mô tả tốt nhất là mảng

Mảng sử dụng số để truy cập "phần tử" của nó. Trong ví dụ này, person[0] trả về John

Các đối tượng sử dụng tên để truy cập "thành viên" của nó. Trong ví dụ này, person.firstName trả về John

Các phần tử mảng có thể là đối tượng

Biến JavaScript có thể là đối tượng. Mảng là loại đối tượng đặc biệt

Do đó, bạn có thể có các biến thuộc các loại khác nhau trong cùng một Mảng

Bạn có thể có các đối tượng trong một Mảng. Bạn có thể có các chức năng trong một Mảng. Bạn có thể có các mảng trong một Mảng

Làm cách nào để tạo mảng có khóa và giá trị trong JavaScript?

Làm cách nào để tạo một mảng với các cặp giá trị chính trong JavaScript?

Làm cách nào để lấy giá trị mảng bằng khóa trong JavaScript?

Làm cách nào để lấy khóa và giá trị từ đối tượng mảng trong JavaScript?