Lặp qua danh sách json python

Có thể đôi khi bạn cảm thấy mình cần tạo một vòng lặp qua mảng các đối tượng JSON trong JavaScript. Tuy nhiên, bạn không cần phải lo lắng về điều này nữa, vì nó có thể được thực hiện bằng cách sử dụng một mảng số, chuỗi hoặc đối tượng. Có rất nhiều cách lặp trong JavaScript và trong suốt bài viết này, chúng tôi sẽ giúp bạn nắm bắt chúng

Có một số cách để phân loại vòng lặp trong JavaScript. Đây là những điều cần thiết để biết vì chúng đóng một vai trò quan trọng trong việc hiểu khái niệm

Danh mục vòng lặp trong JavaScript

Vòng lặp 'Cho'

Vòng lặp For đi đầu vì tính đơn giản và dễ sử dụng của nó. Đây là một loại vòng lặp rất thân thiện với người dùng chạy với phương thức sử dụng bộ đếm.  

Đầu tiên, giá trị được đặt với một điều kiện thích hợp, còn được gọi là 'khởi tạo một vòng lặp'. Tiếp theo, giá trị đầu cuối hoặc giá trị cuối cùng được chỉ định. Vòng lặp For giúp mọi việc thực sự dễ dàng khi bạn cần chạy một bộ mã nhiều lần

Vòng lặp For được chia thành. ‍

1. Sử dụng một mảng

Đoạn mã sau đây là một ví dụ hoàn hảo về cách sử dụng vòng lặp for thông qua một mảng.  

{% code-block language="js" %}
var numbers = [ 10, 20, 30, 40, 50] 
cho . chiều dài; . log(numbers[i])
   console.log(numbers[i])
}
‍{% code-block-end %}
Ở đây, tôi đã sử dụng . Theo cách tương tự, bạn có thể tạo một vòng lặp qua một chuỗi các chuỗi.

2. Tạo một vòng lặp thông qua các phần tử DOM

Vòng lặp For cũng có thể được sử dụng để thay đổi màu sắc. Hãy xem xét một tình huống mà bạn muốn chọn một màu cụ thể cho tất cả các điểm neo trên trang của mình. Để làm như vậy, hãy sử dụng đoạn mã sau.
 {% code-block language="js" %}
var elements = document. querySelectorAll("a");
for (var i=0; i
   elements[i].style.color = "red";
}
‍{%code-block-end %}

Khi bạn nhìn vào đoạn mã trên, mọi thứ có vẻ không rõ ràng lắm.  

Lần đầu tiên tôi sử dụng `tài liệu. querySelectorAll("a")` để nhận tất cả các ký tự neo của tôi ở định dạng mảng. Khi đã xong, bước tiếp theo lặp lại tất cả các mảng và thay đổi màu sắc của nó.  

Ở đây, chúng tôi đã sử dụng màu đỏ, nhưng bạn có thể chọn bất kỳ màu nào trong mã và các neo trên trang của bạn sẽ xuất hiện màu cụ thể đó.  

Để hiểu rõ hơn về điều này một cách trực quan, đây là kết quả khi tôi chạy mã này trên trang W3Schools

Bạn có thể thấy rằng màu của các neo đã được thay đổi thành màu đỏ.  

Vòng lặp 'For In'

Một cách lặp khác là vòng lặp For In. Không giống như vòng lặp For, vòng lặp này sẽ không sử dụng bộ đếm. Vì vậy, điều này làm cho toàn bộ quá trình trở nên đơn giản và không rắc rối hơn. Trên thực tế, Vòng lặp For về cơ bản là một phiên bản đơn giản hóa của Vòng lặp For

Sau đây là các cách lặp khác nhau bằng kỹ thuật For In

1. Lặp qua một thuộc tính đối tượng

Đây là một ví dụ; . Đây là cách bạn sẽ sử dụng Vòng lặp For In để làm như vậy.
{% code-block language="js" %}
var person = {
   fname. "Nick",
   lname. "Jonas",
   tuổi. 26
}; . nhật ký (x + ". "+ người[x])
for (let x in person) {
   console.log(x + ": "+ person[x])
}
‍{% code-block-end %}

Vòng lặp sử dụng JSON

JSON là viết tắt của Ký hiệu đối tượng JavaScript. Đó là một định dạng nhẹ để lưu trữ và truyền dữ liệu từ nơi này sang nơi khác. Vì vậy, trong vòng lặp, đây là một trong những kỹ thuật được sử dụng phổ biến nhất để vận chuyển dữ liệu ở dạng mảng hoặc ở dạng giá trị thuộc tính.  

Đây là một ví dụ thể hiện khái niệm trên

{% code-block language="does" %}
json Data ={
   one. [11, 12, 13, 14, 15],
   hai. [21, 22, 23],
   ba. [31, 32]
}
‍{% code-block-end %}
Ký hiệu đối tượng JavaScript cũng bao gồm một . Nó còn chứa ba nút được gọi là “một”, “hai” và “ba”.

Đây là cách bạn có thể rút một phần thông tin từ JSON

{% code-block language="js" %}
var json = {
   one. [11, 12, 13, 14, 15],
   hai. [21, 22, 23],
   ba. [31, 32]
}
};
for(khóa var trong json. jsonData) {
   for (var key1 trong json. jsonData[key]) {
       console. nhật ký (json. jsonData[key][key1])
   }
}
‍{% code-block-end %}
Above, I used two For In Loops to make use of JSON and extract information from it. One of those loops is the outer loop that runs three times. If you’re wondering why it needs to run three times, that’s because it has to cover the above-mentioned nodes.

Vòng lặp thứ hai là vòng lặp bên trong có nghĩa là bao gồm tất cả các giá trị bên trong. Các giá trị bên trong này là những giá trị bên trong ba nút. Khi bạn chạy mã, bạn sẽ nhận được các loại kết quả này

Giải thích về JSON

Nếu chúng ta đi sâu hơn, có một vài điều nữa bạn cần biết về JSON. Mã mà chúng tôi vừa chạy cũng có thể được thể hiện bằng cách bao gồm '[]' để chứa ba nút trên

Đây là cách nó được thực hiện

{% code-block language="js" %}
jsonData. [
   một. [11, 12, 13, 14, 15],
   hai. [21, 22, 23],
   ba. [31, 32]
]
‍{% code-block-end %}
Sau đó, trong phần tiếp theo của .

{% code-block language="js" %}
var json = {
   jsonData. [
       {one. [11, 12, 13, 14, 15]},
       {hai. [21, 22, 23]},
       {ba. [31, 32]}
   ]
}; . jsonData. chiều dài; . jsonData[i]) {
for (var i=0; i   for (var key in json.jsonData[i]) {
       for (var j= 0; j
           console.log(json.jsonData[i][key][j])
       }
   }
}
‍{% code-block-end %}

Các loại vòng lặp và công dụng của chúng

Bây giờ chúng ta hãy xem các loại Vòng lặp khác nhau và cách sử dụng chúng. Chúng ta sẽ thảo luận về Vòng lặp “While”, “Vòng lặp Do While” và “Vòng lặp ForEach()”. ‍

1. Vòng lặp “While”

Vòng lặp While cũng không có bộ đếm và chỉ chạy nếu điều kiện đã chỉ định là đúng. Đây là một ví dụ minh họa vòng lặp while trong đó vòng lặp chạy đến vô tận

{% code-block language="js" %}
var InfiniteValue = true;
while (infiniteValue) {
   console.log("Infinite")
}
‍{%code-block-end %}

2. Vòng lặp Do While

Trong vòng lặp này, có một điều kiện xác định cần được kiểm tra khi kết thúc quy trình

Đây là cách bạn có thể sử dụng Vòng lặp Do While để lặp qua XML (Ngôn ngữ đánh dấu mở rộng)

3. Vòng lặp ForEach()

Phương thức này được sử dụng để lặp qua một phần tử mảng. Đây là một ví dụ về điều này

{% code-block language="js" %}
var name = ["jerry", "tom", "pluto", "micky", "mini"] . forEach(function1);
names.forEach(function1);
function function1(currentValue, index) {
   console. log("Chỉ số trong mảng là. "+chỉ số +". Giá trị là. "+currentValue);
}
‍{% code-block-end %}

Lặp lại JSON chi tiết hơn với các ví dụ

ví dụ 1

Chúng tôi đang tạo danh sách sách và chúng tôi nhập tiêu đề là "Chúa tể của những chiếc nhẫn" và năm là "1994" và số trang là "3000". Tương tự, một số lượng lớn các đối tượng có thể được tạo ra và sau khi hoàn thành, chúng ta sẽ có một cơ sở dữ liệu lớn

{% code-block language="js" %}
var books = [
   {
       title. "Chúa tể của những chiếc nhẫn",
       năm. 1994,
       trang. 3000
   },
   {
       title. "1984",
       năm. 1984,
       trang. 2000
   },
   {
       tiêu đề. "Nghệ thuật chiến tranh",
       năm. 2000,
       trang. 5000
   }
]
‍{% code-block-end %}
Hiện tại .

Ví dụ;

{% code-block language="js" %}
alert(sách. length);
‍{% code-block-end %}
Khi chúng tôi chạy chương trình này, trình duyệt sẽ hiển thị ba. Về cơ bản, với điều này, chúng tôi đã kiểm tra xem có ba đối tượng trong mảng này không.

Hãy nhớ rằng trong JSON, bạn cần phân tách các đối tượng của mình bằng dấu phẩy như bạn có thể thấy trong ví dụ

ví dụ 2

Trong ví dụ này, chúng tôi đang lặp trong mảng

{% code-block language="js" %}
for (i=0; i
   document.write(
       sách. tiêu đề + """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""
   );
}
‍{% code-block-end %}

Khi tôi chạy cái này, tất cả các tiêu đề trong cơ sở dữ liệu của tôi sẽ được hiển thị như hình bên dưới

Bây giờ, điều đó sẽ giúp bạn hiểu rõ hơn về cách lặp qua JSON. Tôi cũng đã tạo video hướng dẫn về một số ví dụ trong thời gian thực để giúp bạn hiểu rõ hơn về khái niệm này

‍

Sự kết luận

Bài viết và video hướng dẫn này hẳn đã giúp bạn hiểu khái niệm lặp qua mảng các đối tượng JSON trong JavaScript. Bây giờ bạn sẽ có thể áp dụng hướng dẫn này để thực hiện những việc như chạy Vòng lặp For, Vòng lặp For In, Vòng lặp While, v.v.

mã hóa hạnh phúc

Để tìm hiểu thêm về Microverse và tham gia cộng đồng hỗ trợ các nhà phát triển phần mềm từ xa của chúng tôi, hãy bắt đầu bên dưới

Sẵn sàng trở thành nhà phát triển phần mềm và làm việc từ xa cho các công ty toàn cầu?

ĐĂNG KÝ NGAY TÌM HIỂU THÊM TÌM HIỂU THÊM

Đăng ký Bản tin Nhà tuyển dụng của chúng tôi để nhận các mẹo quản lý nhóm từ xa vào hộp thư đến của bạn

Cảm ơn bạn.
Đăng ký của bạn vào danh sách của chúng tôi đã được xác nhận.

Ối. Đã xảy ra lỗi khi gửi biểu mẫu

Umair Arshad

Umair Arshad đang đóng góp rất nhiều cho ngành công nghiệp phần mềm. Anh ấy là một người tò mò và bạn có thể liên lạc với anh ấy qua logo Twitter bên dưới

Bạn có thể lặp qua JSON không?

Bạn có thể sử dụng danh sách trong JSON không?