link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

乖乖的柑橘 · 2022年度党员发展公示（7）· 3 周前 ·

旅行中的钥匙 · 大兴机场线4种票价方案公示！从草桥站到大兴机 ...· 11 月前 ·

成熟的小熊猫 · 末代天师（伏魔卫道）漫画免费 - ...· 1 年前 ·

月球上的汤圆 · 陈乔恩和男友坐过山车，碰头合影吃冰激凌，不惧 ...· 1 年前 ·

犯傻的水龙头 · 如何评价网飞电影《饥渴游戏》Hunger？ ...· 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属性值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。