Giá trị khóa đẩy mảng JavaScript

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

1. Khai báo mảng sử dụng từ khóa let
2. Sử dụng cú pháp lây lan (. ) để giải nén mảng và thêm đối tượng
3. 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 ()

1. Chỉ mục bắt đầu - chỉ mục bắt đầu thay đổi mảng
2. 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
3. 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
}

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

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

Làm cách nào để đẩy một cặp giá trị khóa trong một đối tượng JavaScript?

Push() có trả về giá trị không?

Làm cách nào để đẩy một giá trị khóa mới trong mảng JavaScript?

Làm cách nào để đẩy giá trị khóa trong JavaScript?