javascript对数组和json数组操作

2019-07-10 23:03·java程序人生

经常使用javascript对数组和json数组进行操作，但是时间久了就忘记咋操作的了，所以这里简单记录一下

直接看代码吧

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>javascript数组操作</title>
 <script type="application/javascript" src="lib/jquery.min.js"></script>
</head>
<body>
<h2>javascript操作数组</h2>
<input type="button" value="js数组" onclick="jsArrays();">
<br>
<input type="button" value="json数组1" onclick="jsonArrays();">
</body>
<script type="application/javascript">
//数组操作
 function jsArrays() {
 //创建一个javascript数组
 var a=new Array();
 a.push('a');
 a.push('b');
 a.push('c');
 //往数组添加三个元素
 alert(a);
 //利用indexof可以指出该元素在数组中所在位置
 alert('a index of a'+a.indexOf('a'));
 //利用jquery对数组进行便利
 $(a).each(function (index,row) {
 alert('index is '+index);
 alert('row is '+row);
 })
 }
 //json数组操作
 function jsonArrays() {
 //首先也是创建一个json数组
 var a=new Array();
 a.push({a:1});
 a.push({a:2});
 a.push({a:3});
 //同样的往数组添加三个元素
 //alert出的结果是[{object,object},{object,object},{object,object}]
 alert('a is '+a);
 //利用JSON的方法将json数组转换为字符串这时候alert的就是json字符串了
 alert(JSON.stringify(a));
 //直接获取json数组第一个元素的值，此时知道json的key是a
 alert(a[0].a);
 //遍历json数组第一个元素的key，这时候可以alert出的结果是a，同样的可以得出对应的value
 for(var key in a[1]){
 alert('key is '+key);
 alert('value is '+a[0][key]);
 }
 //用jquery对json数组进行遍历
 $(a).each(function (index,row) {
 for(var key in row){
 alert('each key is '+key);
 alert('each value is '+row[key]);
 }
 })
 }
</script>
</html>
举报
评论 0
    热门：