Hướng dẫn này sẽ giải thích cách lặp lại một vòng lặp thông qua một mảng JSON bằng JavaScript.
Làm cách nào để lặp lại một vòng lặp thông qua một mảng JSON bằng JavaScript?
Các ' mảng JSON ” giá trị có thể được truy cập thông qua một vòng lặp. Vòng lặp JSON (Ký hiệu đối tượng JavaScript) được coi là kỹ thuật tốt nhất để vận chuyển dữ liệu ở định dạng mảng. Điều này là do nó là một định dạng nhẹ để lưu trữ và chuyển dữ liệu cần thiết từ nơi này sang nơi khác.
Phần này sử dụng thường được sử dụng “ vì ” để lặp lại một mảng JSON bằng JavaScript.
Cú pháp (Mảng JSON)
Mảng - tên = [ giá trị1 , giá trị2 , ..... giá trịN ]
Ở đây, “value1”, “value2” và “valueN” đề cập đến các giá trị cần được lặp lại.
Thực tế, hãy thực hiện việc lặp qua một mảng “JSON” trong JavaScript.
Mã HTML
Chúng ta hãy xem đoạn mã HTML sau:
< h2 > Lặp qua Mảng JSON < / h2 >< P > Một mảng JSON có 0, một hoặc nhiều phần tử được sắp xếp, được phân tách bằng dấu phẩy. < / P >
< P nhận dạng = 'vật mẫu' >< / P >
Trong các dòng mã trên:
- Các ' thẻ xác định một tiêu đề phụ.
- Các ' ” thẻ tạo ra một tuyên bố đoạn văn.
- Cuối cùng, thẻ “
” xác định một đoạn trống có id “ vật mẫu ” để hiển thị các giá trị mảng JSON.
Mã JavaScript
Tiếp theo, chuyển sang mã được cung cấp bên dưới:
< kịch bản >hằng số mảng JSON = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
hằng số phản đối = JSON. phân tích cú pháp ( mảng JSON ) ;
để văn bản = '' ;
vì ( để k = 0 ; k < phản đối. ô tô . chiều dài ; k ++ ) {
chữ += phản đối. ô tô [ k ] + ', ' ;
}
tài liệu. getElementById ( 'vật mẫu' ) . bên trongHTML = chữ ;
kịch bản >
Trong khối mã này:
- Xác định một mảng JSON có tên “ mảng JSON ' với một ' hằng số ” từ khóa có một danh sách các giá trị được sắp xếp theo thứ tự.
- Các ' phản đối ” đối tượng sử dụng “ phân tích cú pháp () ” phương thức chuyển đổi văn bản mảng JSON đã chỉ định thành đối tượng JavaScript.
- Sau đó, “ chữ ” biến lưu trữ một giá trị rỗng.
- Tiếp theo, áp dụng một “ vì ” vòng lặp để lặp lại các thuộc tính của “ phản đối ” được nối với mảng JSON đi kèm với khóa “car”.
- Ngoài ra, hãy liên kết “ chiều dài ” và tăng vòng lặp để thực hiện phép lặp một cách thích hợp.
- Cuối cùng, áp dụng “ getElementById() ” để truy cập vào đoạn trống đã thêm bằng cách sử dụng id “mẫu” của nó. Nó sẽ hiển thị các giá trị mảng JSON thông qua “ bên trongHTML ' tài sản.
đầu ra
Đầu ra hiển thị tất cả các giá trị của mảng JSON đã thêm bằng cách sử dụng vòng lặp “for”.
Phần kết luận
“ mảng JSON ” có thể dễ dàng lặp lại bằng JavaScript với sự trợ giúp của “ vì ' vòng. Đây là một quy trình phổ biến và thường được sử dụng trong phát triển web để truy xuất dữ liệu ở định dạng JSON từ cơ sở dữ liệu hoặc API. Hướng dẫn này đã giải thích một mô tả ngắn gọn để lặp lại một vòng lặp qua một mảng JSON bằng JavaScript.