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
0