Tạo giá trị khóa mảng javascript

Ví 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"];
const keys = trái cây. phím[];

let text = "";
for [let x of keys] {
  text += x + "
";
}

Tự mình thử »

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

const fruit = ["Chuối", "Cam", "Táo", "Xoài"];
const keys = Đối tượng. phím[trái cây];

let text = "";
for [let x of keys] {
  text += x + "
";
}

Tự mình thử »

Đị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ề

TypeDescriptionMột mảngMột đối tượng Array Iterator chứa các khóa của một mảng

Hỗ trợ trình duyệt

keys[] là một tính năng của ECMAScript6 [ES6]

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

ChromeEdgeFirefoxSafariOperaCóCóCóCóCó

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

Phương thức keys[] trả về một đối tượng Array Iterator mới chứa các khóa cho mỗi chỉ mục trong mảng

keys[]

Một đối tượng trình vòng lặp Array mới

Khi được sử dụng trên , phương thức keys[] lặp lại các vị trí trống như thể chúng có giá trị

const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
1

Phương pháp keys[] là. Nó chỉ mong đợi giá trị

const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
3 có thuộc tính
const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
4 và các thuộc tính có khóa số nguyên

Không giống như

const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
0, chỉ bao gồm các khóa thực sự tồn tại trong mảng, trình vòng lặp keys[] không bỏ qua các lỗ biểu thị các thuộc tính bị thiếu

const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]

Phương thức keys[] đọc thuộc tính

const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
4 của
const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
3 và sau đó trả về tất cả các chỉ số nguyên trong khoảng từ 0 đến
const arr = ["a", , "c"];
const sparseKeys = Object.keys[arr];
const denseKeys = [...arr.keys[]];
console.log[sparseKeys]; // ['0', '2']
console.log[denseKeys]; // [0, 1, 2]
5. Không có truy cập chỉ mục thực sự xảy ra

Ghi chú. Bài viết này sẽ giả định rằng các khóa và giá trị được lưu trữ trong các mảng khác nhau và mục tiêu là lưu trữ chúng cùng nhau và định dạng chúng là “khóa => giá trị” trong khi tìm nạp

Phương pháp 1. Sử dụng các đối tượng để lưu trữ khóa => Mảng giá trị

Để minh họa phương pháp này, trước tiên hãy tạo một mảng khóa và một mảng giá trị với các dòng sau

var keysArray = ["Trung Quốc" , ", "Egypt", "Finland", "Greece"];
var valuesArray = ["Beijing", "London", "Cairo", "Helsinki", "Athens"];

Sau đó, tạo một đối tượng JavaScript trống với dòng sau

resultObj = { } ;

Sau đó, chỉ cần sao chép các khóa và giá trị từ mảng của chúng và thêm chúng vào đối tượng bằng các dòng sau

for [ var i = 0 ; i < . chiều dài; định dạng”
Để hiển thị chúng ở định dạng chính xác, hãy sử dụng các dòng mã sau.

cho [ x đối tượng. phím [ resultObj ]] . log
  console.log[ x + " => " + resultObj [x]];
}

Trong đoạn mã này

  • Vật. keys[] phương thức trả về từng khóa của đối tượng trong đối số của nó. Các khóa đang được lưu trữ bên trong biến “x”
  • Nối chuỗi được sử dụng để định dạng đầu ra của nhật ký bảng điều khiển dưới dạng “keys=>values”

Thực hiện chương trình bây giờ tạo ra kết quả sau

Đầu ra cho thấy các khóa không chỉ được lưu trữ cùng nhau mà còn được định dạng đúng cách

Phương pháp 2. Sử dụng Bản đồ để lưu trữ khóa => Mảng giá trị

Để minh họa cách sử dụng bản đồ để lưu trữ khóa và giá trị tương ứng của chúng, hãy tạo hai mảng có khóa và giá trị bằng các dòng mã sau

var keysArray = ["Trung Quốc" , ", "Egypt", "Finland", "Greece"];
var valuesArray = ["Beijing", "London", "Cairo", "Helsinki", "Athens"];

Bước tiếp theo là tạo một bản đồ, để tạo một biến này và đặt nó bằng với hàm tạo Map[] mới như

resultMap = bản đồ mới [] ;

Để thêm giá trị vào biến Bản đồ, có phương thức này mapVar. bộ[]. Sử dụng chức năng này để thêm các khóa và giá trị tương ứng của chúng

cho [ i = 0 ; i value” bằng cách sử dụng phép nối chuỗi đơn giản trong JavaScript

Mảng có thể có khóa không

Mảng trong javascript thường chỉ được sử dụng với các khóa số, tăng tự động, nhưng đối tượng javascript có thể chứa các cặp giá trị khóa được đặt tên , các hàm và thậm chí .

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

Trả lời. Sử dụng ký hiệu dấu chấm hoặc dấu ngoặc vuông . ] để thêm một cặp khóa/giá trị hoặc thuộc tính vào đối tượng JavaScript.

Làm cách nào để chuyển đổi mảng thành cặp giá trị khóa trong JavaScript?

Để chuyển đổi một mảng thành một đối tượng, sử dụng phương thức reduce[] để lặp lại mảng, truyền cho nó một đối tượng làm giá trị ban đầu. Trên mỗi lần lặp lại, hãy chỉ định một cặp khóa-giá trị mới cho đối tượng đã tích lũy và trả về kết quả .

Làm cách nào để lưu trữ giá trị trong mảng trong JavaScript?

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,. ]; Thông thường khai báo mảng với từ khóa const.

Chủ Đề