Chuyển đổi đối tượng JSON sang mảng JavaScript – chuyển đổi đối tượng json thành mảng

Trong bài viết này, chúng ta sẽ tìm hiểu về cách chuyển đổi đối tượng JSON thành một mảng JavaScript

Bạn đang xem: chuyển đổi đối tượng json thành mảng

Như nhiều đối tượng khác ngôn ngữ lập trình, các đối tượng trong JavaScript có thể được so sánh với các đối tượng ngoài đời thực. Trong JavaScript, một đối tượng là một thực thể độc lập với các thuộc tính và một kiểu.

Chẳng hạn, hãy so sánh nó với một cái cốc. Xe hơi là một vật có thuộc tính. Một chiếc ô tô có màu sắc, thiết kế, số kiểu, nhãn hiệu, v.v. Tương tự như vậy, các đối tượng JavaScript có thể có các thuộc tính xác định đặc điểm của chúng.

Mảng là loại đối tượng đặc biệt có khóa được xác định trước ở dạng số. Bất kỳ đối tượng Javascript nào cũng có thể được chuyển đổi thành một mảng. Mảng phải sử dụng số nguyên thay vì chuỗi làm chỉ mục phần tử.

Trong bài viết này, chúng ta sẽ tìm hiểu cách chuyển đổi một đối tượng JSON thành một mảng.

Chuyển đổi Đối tượng JSON thành Mảng trong JavaScript Sử dụng for ... in Vòng lặp

Để chuyển đổi một đối tượng vào một mảng, bạn có thể sử dụng vòng lặp for ... in trong JavaScript. Nó lặp lại qua tất cả các thuộc tính có thể liệt kê của một đối tượng được mã hóa chuỗi, bao gồm cả các thuộc tính có thể liệt kê được kế thừa. Ví dụ: hãy tạo một đối tượng có hai thuộc tính và chuyển đổi nó thành một mảng bằng cách sử dụng vòng lặp for ... in . Xem đoạn mã bên dưới.

Xem Thêm  Hướng dẫn cơ bản về khóa ngoại MySQL bằng các ví dụ thực tế - ràng buộc khóa ngoại mysql

Cú pháp:

  for (biến trong đối tượng) {
  bản tường trình
}
 

Hàm này lặp lại đối tượng . Biến được gán một tên thuộc tính khác trong mỗi lần lặp. Phương thức này chỉ trích xuất các thuộc tính có thể liệt kê từ một đối tượng . Để biết thêm thông tin, hãy đọc tài liệu về phương thức for ... in .

  const object = {
  1: 'Xin chào',
  2: "Thế giới"
};
const mảng = [];

for (var i in object) {
    array.push ([i, object [i]]);
}
console.log (mảng)
 

Trong ví dụ trên, chúng ta đã xác định hai thuộc tính của đối tượng 1 và 2. Khi bạn lặp lại đối tượng, tất cả các thuộc tính trong đối tượng sẽ được kiểm tra và khóa, cùng với giá trị , được đẩy vào một mảng. Khi bạn chạy đoạn mã trên trong bất kỳ trình duyệt nào, nó sẽ in ra một thứ như thế này.

Đầu ra:

  [["1", " Xin chào "], [" 2 "," Thế giới "]]
 

Chuyển đổi Đối tượng JSON thành Mảng trong JavaScript bằng Object.entries () Loop

Phương thức Object.entries () trả về một mảng các cặp thuộc tính có thể liệt kê được chuỗi-khóa cụ thể cho một đối tượng nhất định. Nó tương ứng với sự lặp lại với vòng lặp for ... in . Sự khác biệt duy nhất là vòng lặp for ... in cũng liệt kê các thuộc tính của chuỗi nguyên mẫu.

Object.entries () trả về mảng với thứ tự tương tự như được cung cấp bởi vòng lặp for ... in .

Cú pháp

  Object. mục (obj);
 

Phương thức entry () nhận một Đối tượng làm tham số mà các cặp thuộc tính có khóa chuỗi có thể liệt kê của riêng nó được trả về. Nó trả về một mảng các cặp thuộc tính chuỗi có khóa có thể liệt kê được của riêng đối tượng đã cho. Object.entries () trả về một mảng có các phần tử là các cặp thuộc tính khóa chuỗi có thể liệt kê trong một đối tượng.

Xem Thêm  Bật mí cách chèn Google Maps vào Website WordPress - cách chèn google map vào website

Để biết thêm thông tin, hãy đọc tài liệu về Object .entries () phương thức.

  const object = {
  1: 'Xin chào',
  2: "Thế giới"
};

const mảng = []

for (const [key, value] of Object.entries (object)) {
    array.push ([`$ {key}`, `$ {value}`]);
}
console.log (mảng)
 

Trong ví dụ trên, chúng ta đã xác định hai thuộc tính của một mảng. Khi bạn lặp lại đối tượng bằng cách sử dụng các mục nhập, nó sẽ cung cấp cho bạn một khóa và thuộc tính để được đẩy vào một mảng. Khi bạn chạy đoạn mã trên trong bất kỳ trình duyệt nào, nó sẽ in ra một thứ như thế này.

Đầu ra:

  [["1", " Xin chào "], [" 2 "," Thế giới "]]
 

Viết cho chúng tôi

Các bài viết trên DelftStack được viết bởi những chuyên gia phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề chuyển đổi đối tượng json thành mảng

Chuyển đổi dữ liệu JSON thành đối tượng Java – (Converting JSON data to Java object)

  • Tác giả: ThanhNhut95
  • Ngày đăng: 2019-11-05
  • Đánh giá: 4 ⭐ ( 1368 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vì lười viết get và set dữ liệu từ đối tượng, khiến mất nhiều thời gian, đồng thời code lặp lại nhiều.

Làm cách nào để chuyển đổi đối tượng JSON sang mảng JavaScript?

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 4559 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] var json_data = {“2013-01-21″:1,”2013-01-22”:7}; var result = []; for(var i in json_data) result.push([i, json_data [i]]); var…
Xem Thêm  Cách tạo Biểu tượng Bản quyền trong HTML - chân trang biểu tượng bản quyền html

Chuyển đổi JSON Mảng thành ASP ARRAY

  • Tác giả: tableconvert.com
  • Đánh giá: 4 ⭐ ( 6971 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trình chuyển đổi này được sử dụng để chuyển đổi JSON (mảng của các đối tượng) thành Mã ASP Mảng. Nó cũng dễ dàng để thực hiện, tạo và tạo Mã ASP Mảng trực tuy

Làm cách nào để chuyển đổi đối tượng JSON sang mảng JavaScript?

  • Tác giả: vi.pinlivingcolor.com
  • Đánh giá: 4 ⭐ ( 7121 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tôi cần chuyển đổi chuỗi đối tượng JSON thành một mảng JavaScript. Đây là đối tượng JSON của tôi: {“2013-01-21”: 1, “2013-01-22”: 7} Và tôi muốn có: var data = new google.visualization.DataTable (); data.addCol …

Chuyển đổi đối tượng thành một mảng trong PHP.

  • Tác giả: vn.wsxdn.com
  • Đánh giá: 5 ⭐ ( 3167 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Chuyển đổi JSON Text qua đối tượng trong C#

  • Tác giả: chiencong.com
  • Đánh giá: 4 ⭐ ( 5019 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

JSON.parse trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 5 ⭐ ( 2586 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON.parse trong JavaScript – Lập Trình Từ Đầu 9 JSON Trong JavaScript

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình