如何用JavaScript遍历JSON对象数据？
- 内容介绍
- 文章标签
- 相关推荐
本文共计394个文字，预计阅读时间需要2分钟。
JSON中，有两种结构：对象和数组，对象没有length这个属性，而数组结构是有length的。下面说明一下如何使用遍历方式获取属性值的方法。
获取属性名、属性值：javascriptvar obj={ name: 张三, age: 30};
for (var key in obj) { if (obj.hasOwnProperty(key)) { console.log(属性名： + key + ，属性值： + obj[key]); }}
获取数组元素：javascriptvar arr=[1, 2, 3, 4, 5];
for (var i=0; i
JSON中，有两种结构：对象和数组，对象是没有length这个属性，而数组结构是有的，下面说明一下用遍历方式获取属性值的方法。
获取属性名、属性值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <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"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> var a = ['橡胶', '苹果', '土豆']; for (var x in a) { console.log('在数组中的位置 - '+x); /*在数组中的位置*/ console.log('值 - '+a[x]); /*值*/ }; </script> </body> </html>
到此这篇关于JS遍历获取Json属性值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持自由互联。
本文共计394个文字，预计阅读时间需要2分钟。
JSON中，有两种结构：对象和数组，对象没有length这个属性，而数组结构是有length的。下面说明一下如何使用遍历方式获取属性值的方法。
获取属性名、属性值：javascriptvar obj={ name: 张三, age: 30};
for (var key in obj) { if (obj.hasOwnProperty(key)) { console.log(属性名： + key + ，属性值： + obj[key]); }}
获取数组元素：javascriptvar arr=[1, 2, 3, 4, 5];
for (var i=0; i
JSON中，有两种结构：对象和数组，对象是没有length这个属性，而数组结构是有的，下面说明一下用遍历方式获取属性值的方法。
获取属性名、属性值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <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"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> var a = ['橡胶', '苹果', '土豆']; for (var x in a) { console.log('在数组中的位置 - '+x); /*在数组中的位置*/ console.log('值 - '+a[x]); /*值*/ }; </script> </body> </html>
到此这篇关于JS遍历获取Json属性值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持自由互联。