相关文章推荐

独立的乒乓球 · 陕西师范大学主页平台管理系统 ...· 11 月前 ·

玩篮球的黄豆 · 春秋航空自建离港系统打破中航信垄断_产经动态 ...· 1 年前 ·

低调的回锅肉 · 哥斯达黎加· 1 年前 ·

小胡子的麦片 · 会计学-哈尔滨工业大学经济与管理学院· 1 年前 ·

心软的火锅 · 山东大学发公告，5名研究生拟被退学_处理_规 ...· 1 年前 ·

首页 > 网络编程 > JavaScript > javascript技巧 > JS遍历获取Json属性值

JavaScript遍历json对象数据的方法

2022-04-23 10:01:16 作者：農碼一生

这篇文章介绍了JavaScript遍历json对象数据的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

JSON中，有两种结构：对象和数组，对象是没有length这个属性，而数组结构是有的，下面说明一下用遍历方式获取属性值的方法。

获取属性名、属性值

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Document</title>
</head>
    <script type="text/javascript">
    var data = { name: '小花', age: '17岁', sex: '男' };
    for (var a in data) {
        console.log('这是属性名' + a); /*属性名*/
        console.log('属性值' + data[a]); /*属性值*/
    </script>
</body>
</html>

获取下标值

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Document</title>
</head>
    <script type="text/javascript">
    var a = ['橡胶', '苹果', '土豆'];
    for (var x in a) {
        console.log('在数组中的位置 - '+x); /*在数组中的位置*/
        console.log('值 - '+a[x]); /*值*/
    </script>
</body>
</html>

到此这篇关于JS遍历获取Json属性值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终

电脑版 - 返回首页