Chỉ sử dụng vòng lặp for lấy giá trị từ mảng JSON trong JavaScript. Ví dụ Lấy giá trị từ mảng JSON trong JavaScript

Bạn đang xem: lấy phần tử từ mảng json

Chỉ cần sử dụng for loop để nhận các giá trị từ mảng JSON trong JavaScript.

Nhận giá trị từ mảng JSON trong JavaScript

Mã ví dụ đơn giản.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
& lt; body & gt;

  & lt; script & gt;

    var obj = [{"oid": "2", "cid": "107"}, {"oid": "4", "cid": "98"}, {"oid": "4", " cid ":" 99 "}];

    for (var i = 0; i & lt; obj.length; i ++) {
      console.log ("CẶP" + i + ":" + obj [i] .oid);
      console.log ("CẶP" + i + ":" + obj [i] .cid);
    }
    
  & lt; / script & gt;

& lt; / body & gt;
& lt; / html
 

Đầu ra :

Nguồn : stackoverflow.com

Ví dụ khác

Lặp qua mảng và sau đó phân tích cú pháp JSON được xâu chuỗi để bạn có thể truy cập mảng data . Sau đó, chỉ cần lặp lại mảng data đó để nhận giá trị của từng thuộc tính name .

  var arr = [{
      "assetName": "LCT",
      "giá trị tài sản": "",
      "typeValueInput": "select",
      "valueInputSelect": null,
      "bắt buộc": true,
      "valueInput": "{\" data \ ": [{\" name \ ": \" name1 \ ", \" id \ ": \" 12 \ "}, {\" name \ ": \" name2 \ ", \" id \ ": \" 13 \ "}, {\" tên \ ": \" name3 \ ", \" id \ ": \" 14 \ "}]}"
    }];

    arr.forEach ((arrObj) = & gt; {
      var jsonData = JSON.parse (arrObj.valueInput);
      jsonData.data.forEach (({name}) = & gt; console.log (name));
    });  

Để chỉ nhận các giá trị Tên khách hàng, hãy sử dụng khái niệm bản đồ ()

  var details = [
   {
      "customerDetails": [
         {
            "customerName": "John Smith",
            "customerCountryName": "Hoa Kỳ"
         }
      ]
   },
   {
      "customerDetails": [
         {
            "customerName": "David Miller",
            "customerCountryName": "AUS"
         }
      ]
   },
   {
      "customerDetails": [
         {
            "customerName": "Bob Taylor",
            "customerCountryName": "Vương quốc Anh"
         }
      ]
   }
]
var allCustomerName = details.map (obj = & gt;
obj.customerDetails [0] .customerName);
console.log (allCustomerName);  

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề Mảng JS JSON này.

Lưu ý: Tất cả mã JS Examples đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome.

Hệ điều hành: Windows 10

Mã: Phiên bản HTML 5

Bằng Kỹ sư và Khoa học Máy tính: Nhà phát triển ứng dụng và có kinh nghiệm sử dụng nhiều ngôn ngữ Lập trình. Niềm đam mê công nghệ & amp; thích học kỹ thuật.

Xem Thêm  Mảng - javascript khai báo một mảng

Chia sẻ cái này:

    < li class = "share-end">


Xem thêm những thông tin liên quan đến chủ đề lấy phần tử từ mảng json

Python Tutorial: Working with JSON Data using the json Module

  • Tác giả: Corey Schafer
  • Ngày đăng: 2017-11-20
  • Đánh giá: 4 ⭐ ( 5984 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this Python Programming Tutorial, we will be learning how to work with JSON data. We will learn how to load JSON into Python objects from strings and how to convert Python objects into JSON strings. We will also see how to load JSON from a file and save those Python objects back to files. Let’s get started…

    The code from this video can be found at:
    https://github.com/CoreyMSchafer/code_snippets/tree/master/Python-JSON

    Python File Objects: https://youtu.be/Uh2ebFW8OYM

    ✅ Support My Channel Through Patreon:
    https://www.patreon.com/coreyms

    ✅ Become a Channel Member:
    https://www.youtube.com/channel/UCCezIgC97PvUuR4_gbFUs5g/join

    ✅ One-Time Contribution Through PayPal:
    https://goo.gl/649HFY

    ✅ Cryptocurrency Donations:
    Bitcoin Wallet – 3MPH8oY2EAgbLVy7RBMinwcBntggi7qeG3
    Ethereum Wallet – 0x151649418616068fB46C3598083817101d3bCD33
    Litecoin Wallet – MPvEBY5fxGkmPQgocfJbxP6EmTo5UUXMot

    ✅ Corey’s Public Amazon Wishlist
    http://a.co/inIyro1

    ✅ Equipment I Use and Books I Recommend:
    https://www.amazon.com/shop/coreyschafer

    ▶️ You Can Find Me On:
    My Website – http://coreyms.com/
    My Second Channel – https://www.youtube.com/c/coreymschafer
    Facebook – https://www.facebook.com/CoreyMSchafer
    Twitter – https://twitter.com/CoreyMSchafer
    Instagram – https://www.instagram.com/coreymschafer/

    Python

Kỹ thuật C++: Lấy số lượng phần tử trong mảng bằng toán tử sizeof

  • Tác giả: diendan.congdongcviet.com
  • Đánh giá: 4 ⭐ ( 5088 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mình có đoạn code sau:

    #include
    //dinh nghia ham
    int ham(int a)
    {
    int tong=0;
    int n=sizeof(a)/sizeof(int);
    cout<

Mảng trong JSON: Hiệu suất lập mô hình, truy vấn và lập chỉ mục

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 1426 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mảng là THE chênh lệch giữa mô hình quan hệ và mô hình JSON. – Gerald Sangudi trừu tượng Mảng JSON cho phép bạn linh hoạt về loại phần tử, số lượng phần tử, kích thước của phần tử và độ sâu…

Truy vấn cho các phần tử mảng bên trong kiểu JSON

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 3478 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] json trong Postgres 9.3+ Bỏ hợp nhất mảng JSON với hàm json_array_elements()trong một phép nối bên…

JSON: Mảng JSON

  • Tác giả: v1study.com
  • Đánh giá: 4 ⭐ ( 5968 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mảng trong JSON gần giống như mảng trong JavaScript. Trong JSON, các giá trị mảng phải có kiểu chuỗi, số, đối tượng, mảng, boolean hoặc null. Trong JavaS

Xử lý JSON trong PHP

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 3 ⭐ ( 6859 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Xử lý JSON trong PHP – Lập Trình Từ Đầu 2 PHP Nâng Cao

Sử dụng kiểu dữ liệu Json trong PostgresSql

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 2542 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Lời nói đầu Như chúng ta đã biết, JSON đã trở thành một hình thức trao đổi dữ liệu phổ biến trong web application. Mặc dù có rất nhiều hệ cơ sở dữ liệu NoSql có thể thao tác và lưu trữ trực tiếp định…

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

Xem Thêm  Các loại đầu vào cho các biểu mẫu HTML - tất cả các loại đầu vào html

By ads_php