Sử dụng phương thức Array.push[]
để đẩy một đối tượng vào một mảng, e. g. arr.push[object];
. Phương thức Array.push[]
sẽ đẩy đối tượng được cung cấp đến cuối mảng
Chúng tôi đã sử dụng Mảng. phương thức push[] để đẩy một đối tượng vào một mảng
Đối tượng được đẩy đến cuối mảng
Nếu bạn chỉ có các giá trị mà đối tượng nên chứa, hãy tạo đối tượng trước khi đẩy nó vào mảng
Chúng ta có thể sử dụng ký hiệu ngoặc để thêm một hoặc nhiều cặp khóa-giá trị vào đối tượng
Khi các cặp khóa-giá trị được gán cho đối tượng, hãy sử dụng phương thức Array.push[]
để thêm đối tượng vào cuối mảng
Cách tiếp cận tương tự có thể được sử dụng để đẩy nhiều đối tượng vào một mảng
Chúng tôi đã sử dụng phương thức Array.push[]
để đẩy 3 đối tượng vào một mảng trong một câu lệnh
Phương thức Array.push[]
nhận một hoặc nhiều giá trị và đẩy chúng vào mảng
Điều này cho phép chúng ta chuyển nhiều đối tượng được phân tách bằng dấu phẩy làm đối số trong lệnh gọi phương thức push[]
Nếu bạn muốn đẩy một đối tượng lên đầu mảng, hãy sử dụng phương thức Array.prototype.unshift[]
Mảng. phương thức unshift[] thêm một hoặc nhiều phần tử vào đầu mảng
Phương thức Array.unshift[]
cũng có thể được gọi với nhiều đối tượng
Câu lệnh thêm 2 đối tượng được cung cấp vào đầu mảng
Mẫu mã trước đã sử dụng ký hiệu ngoặc để thêm các cặp khóa-giá trị vào một đối tượng trước khi đẩy nó vào một mảng
Tuy nhiên, bạn cũng có thể sử dụng ký hiệu dấu chấm để thêm các cặp khóa-giá trị vào một đối tượng. Bạn chỉ cần đảm bảo rằng tên của các phím không chứa dấu cách và không bắt đầu bằng các ký tự đặc biệt
Sử dụng ký hiệu dấu chấm để thêm các thuộc tính vào một đối tượng ngắn gọn và thanh lịch hơn nhiều
Tuy nhiên, đảm bảo sử dụng ký hiệu ngoặc nếu tên của khóa chứa khoảng trắng
Ngoài ra, bạn có thể sử dụng cú pháp lây lan [. ] để đẩy một đối tượng vào một mảng
Đẩy một đối tượng vào một mảng bằng cách sử dụng cú pháp lây lan
Để đẩy một đối tượng vào một mảng
- Khai báo mảng sử dụng từ khóa
let
- Sử dụng cú pháp lây lan [. ] để giải nén mảng và thêm đối tượng
- Gán lại giá trị của biến mảng cho kết quả
Chúng tôi đã sử dụng cú pháp lây lan [. ] để giải nén các phần tử của mảng thành một mảng mới và thêm đối tượng vào cuối
Bạn có thể tưởng tượng rằng cú pháp arr.push[object];
0 giải nén các phần tử [đối tượng] của mảng thành một mảng mới mà chúng ta có thể thêm các đối tượng bổ sung vào đó
Lưu ý rằng chúng tôi đã sử dụng từ khóa let
khi khai báo biến arr.push[object];
2
Điều này rất quan trọng vì các biến được khai báo bằng cách sử dụng arr.push[object];
3 không thể được gán lại
Bạn cũng có thể giải nén mảng sau đối tượng nếu bạn muốn thêm đối tượng vào đầu mảng
Thứ tự giải nén các phần tử mảng được giữ nguyên
Nếu bạn cần đẩy một đối tượng vào một mảng tại một chỉ mục cụ thể, hãy sử dụng phương thức arr.push[object];
4
Đẩy một đối tượng vào một mảng bằng cách sử dụng Array. nối[]
Sử dụng phương thức arr.push[object];
4 để đẩy một đối tượng vào một mảng, e. g. arr.push[object];
6
Phương thức arr.push[object];
4 lấy chỉ mục để chèn đối tượng và đối tượng làm đối số
Mẫu mã chèn đối tượng vào mảng tại chỉ mục arr.push[object];
8
Chúng tôi đã chuyển các đối số sau cho Array. phương thức mối nối []
- Chỉ mục bắt đầu - chỉ mục bắt đầu thay đổi mảng
- Số lần xóa - số phần tử sẽ bị xóa khỏi mảng từ chỉ mục bắt đầu trở đi
- Các phần tử để thêm vào mảng bắt đầu từ đầu
Chúng tôi đã sử dụng arr.push[object];
8 làm chỉ mục bắt đầu để thêm đối tượng vào mảng tại chỉ mục arr.push[object];
8
Chúng tôi đã chỉ định giá trị Array.push[]
1 cho đối số đếm xóa để không xóa bất kỳ phần tử nào khỏi mảng
Cuối cùng, chúng tôi đã chuyển đối tượng làm đối số thứ ba cho phương thức arr.push[object];
4
Bạn có thể sử dụng cùng một cách tiếp cận để thêm nhiều đối tượng vào mảng tại chỉ mục đã chỉ định
Chúng tôi đã chuyển nhiều đối tượng cho phương thức arr.push[object];
4 và tất cả chúng đã được thêm vào mảng bắt đầu từ chỉ mục arr.push[object];
8
Trong ví dụ trên, chúng ta thêm thuộc tính mới height
vào đối tượng person
bằng cách sử dụng ký hiệu dấu ngoặc vuông
{ name: "Monica", age: 22, gender: "female", height: 5.4 }0 i. e.
{ name: "Monica", age: 22, gender: "female", height: 5.4 }1
Trong bài viết này, hãy cho chúng tôi hiểu “khóa” và “giá trị” trong một mảng là gì & cũng xem xét các phương pháp khác nhau mà chúng tôi có thể lấy các cặp khóa-giá trị này
Mục lục
- Khóa và giá trị trong một mảng là gì?
- Các phương pháp khác nhau để có được các cặp khóa-giá trị
- Hỗ trợ trình duyệt
Khóa và giá trị trong một mảng là gì?
Các khóa là các chỉ mục và các giá trị là các phần tử của một mảng kết hợp. Các mảng kết hợp về cơ bản là các đối tượng trong JavaScript nơi các chỉ mục được thay thế bằng các khóa do người dùng xác định. Chúng không có thuộc tính độ dài như một mảng bình thường và không thể duyệt qua bằng cách sử dụng vòng lặp for thông thường
Đây là một ví dụ về một mảng kết hợp
var arr = { "one": 1, "two": 2, "three": 3 };
Không giống như các mảng đơn giản, chúng tôi sử dụng dấu ngoặc nhọn thay vì dấu ngoặc vuông. Nội dung hoặc giá trị của mảng kết hợp được truy cập bằng các phím
Trong mảng trên, một, hai & ba là khóa và 1, 2 & 3 là giá trị. Chúng có thể được lấy riêng lẻ bằng cách sử dụng các phương thức keys[] & values[] như hình bên dưới
//to get values
for [let value of Object.values[arr]] {
alert[value];
}
//Output: 1, 2, 3
//to get keys
for [let value of Object.values[arr]] {
alert[value];
}
//Output: one, two, three
Các phương pháp khác nhau để có được các cặp khóa-giá trị
Bây giờ chúng ta đã biết cách lấy các khóa và giá trị trong một mảng, chúng ta hãy xem xét các phương thức khác nhau để lấy các cặp khóa-giá trị
Trước tiên chúng ta hãy lưu trữ các khóa và giá trị được trích xuất trước đó trong các mảng riêng biệt
var keys = ["one", "two", "three"];
var values = [1, 2, 3];
Phương pháp 1. Sử dụng một đối tượng để lưu trữ các cặp khóa => giá trị
Trong phương thức này, chúng tôi lưu trữ các phần tử từ mảng “key” & các giá trị tương ứng từ mảng “value” bằng cách sử dụng mảng kết hợp "obj"
// create object
var obj = {};
// Loop to insert key & value in this object one by one
for [var i = 0; i < keys.length; i++] {
obj[keys[i]] = values[i];
}
// output can be displayed as : one => 1 two => 2 three => 3
Phương pháp 2. Sử dụng phương thức map[]
Bản đồ là một tập hợp các phần tử trong đó mỗi phần tử được lưu trữ dưới dạng một cặp khóa, giá trị. Các đối tượng của loại bản đồ có thể chứa cả đối tượng và giá trị nguyên thủy dưới dạng khóa hoặc giá trị. Khi duyệt qua đối tượng bản đồ, nó trả về cặp khóa, giá trị theo thứ tự như đã chèn