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属性值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。