07/09/2018, 15:22

Tìm hiểu các mảng JSON

Mảng là đối tượng JSON [ "Ford", "BMW", "Fiat" ] Mảng trong JSON hầu như giống với mảng trong JavaScript. Trong JSON, giá trị mảng phải là kiểu chuỗi, số, đối tượng, mảng, boolean hoặc null. Trong JavaScript, các giá trị mảng có thể là tất cả các điều trên, ...

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

[ "Ford", "BMW", "Fiat" ]

Mảng trong JSON hầu như giống với mảng trong JavaScript.

Trong JSON, giá trị mảng phải là kiểu chuỗi, số, đối tượng, mảng, boolean hoặc null. Trong JavaScript, các giá trị mảng có thể là tất cả các điều trên, cộng với biểu thức JavaScript hợp lệ khác, bao gồm các hàm, ngày tháng và undefined.

Mảng trong đối tượng JSON

Mảng có thể là các giá trị của một thuộc tính đối tượng:

{
"name":"John",
"age":30,
"cars":[ "Ford", "BMW", "Fiat" ]
}

Truy cập các giá trị mảng

Bạn truy cập các giá trị mảng bằng cách sử dụng số chỉ mục:

x = myObj.cars[0];

Vòng lặp qua một mảng

Bạn có thể truy cập các giá trị mảng bằng cách sử dụng vòng lặp for-in:

for (i in myObj.cars) {
    x += myObj.cars[i];
}

Hoặc bạn có thể sử dụng một vòng lặp for:

for (i = 0; i < myObj.cars.length; i++) {
    x += myObj.cars[i];
}

Mảng lồng nhau trong đối tượng JSON

Giá trị trong một mảng cũng có thể là mảng khác, hoặc thậm chí là một đối tượng JSON khác:

myObj = {
    "name":"John",
    "age":30,
    "cars": [
        { "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] },
        { "name":"BMW", "models":[ "320", "X3", "X5" ] },
        { "name":"Fiat", "models":[ "500", "Panda" ] }
    ]
 }

Để truy cập các mảng bên trong mảng, sử dụng vòng lặp for-in cho mỗi mảng:

for (i in myObj.cars) {
    x += "<h1>" + myObj.cars[i].name + "</h1>";
    for (j in myObj.cars[i].models) {
        x += myObj.cars[i].models[j];
    }
}

Sửa đổi giá trị mảng

Sử dụng số chỉ mục để sửa đổi một mảng:

myObj.cars[1] = "Mercedes";

Xóa các mục trong mảng

Sử dụng từ khóa delete để xóa các mục khỏi một mảng:

delete myObj.cars[1];
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
  • Học lập trình front-end cơ bản với bootstrap 4/html5/css3
  • Học lập trình front-end nâng cao qua Project thực tế
  • Học thiết kế web với Photoshop, CSS theo kiểu SASS
  • Học cách sử dụng Git_hub cho lập trình viên
  • Học lập trình Back-end PHP theo mô hình MVC cơ bản
  • Học lập trình Back-end PHP theo mô hình MVC nâng cao
  • Học lập trình Cơ sở dữ liệu với AngularJS
  • Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
  • Combo lập trình front-end từ cơ bản – nâng cao
  • Combo lập trình back-end từ cơ bản đến nâng cao
  • Combo lập trình web với word press từ A-Z
Bài liên quan

Tìm hiểu các đối tượng JSON

Cú pháp đối tượng { "name":"John", "age":30, "car":null } Đối tượng JSON được viết trong dấu ngoặc nhọn {}. Các đối tượng JSON được viết bằng các cặp khóa / giá trị. Các khóa phải là chuỗi, và các giá trị phải là một loại dữ liệu JSON hợp lệ (chuỗi, số, đối ...

Vũ Văn Thanh viết 15:23 ngày 07/09/2018

Tìm hiểu các mảng JSON

Mảng là đối tượng JSON [ "Ford", "BMW", "Fiat" ] Mảng trong JSON hầu như giống với mảng trong JavaScript. Trong JSON, giá trị mảng phải là kiểu chuỗi, số, đối tượng, mảng, boolean hoặc null. Trong JavaScript, các giá trị mảng có thể là tất cả các điều trên, ...

Tạ Quốc Bảo viết 15:22 ngày 07/09/2018

ConstraintLayout – Phần 1: Tìm Hiểu Các Thành Phần Cơ Bản

Chào các bạn. Cũng khá lâu rồi, mình luôn mong muốn được viết bài hoàn chỉnh về ConstraintLayout. Nhưng có nhiều điều khiến dự định này dang dở. Một phần cũng vì nếu như không có nó (ConstraintLayout) chúng ta cũng vẫn cứ sống thoải mái vui vẻ mà thôi. Phần nữa là vì bài viết sẽ cần rất nhiều ảnh ...

Trịnh Tiến Mạnh viết 16:12 ngày 12/08/2018

[Phần 2] Tìm hiểu các tính năng mới trong Laravel 5.5

Chào các bạn, Trong bài viết hôm nay, chúng ta cùng tìm hiểu thêm một số tính năng (có thể không lớn lắm) trong Laravel version 5.5 nhé </p>
         <div class= Tạ Quốc Bảo viết 16:08 ngày 12/08/2018

[Phần 1] Tìm hiểu các tính năng mới trong Laravel 5.5

Chào các bạn, Như các bạn đã biết, Laravel vừa released version 5.5 (LTS), do đó trong bài viết hôm nay mình xin giới thiệu một vài tính năng mới trong Laravel 5.5. 1. Whoops Package Link: https://packagist.org/packages/filp/whoops Nếu bạn nào đã làm việc với Laravel từ version 4.x thì hẳn đã ...

Hoàng Hải Đăng viết 15:58 ngày 12/08/2018
0