针对后台返回Object 对象数据的操作

来源:互联网 发布:开淘宝规则 编辑:程序博客网 时间:2024/06/06 14:07

// 需求,后台返回数据,要求根据对应的id的值显示,对应的name属性的值;用到知识: 对象的访问, 数组的遍历操作

<div>
<input type="text" id="objText">
<input type="button" value="操作" id="oper">
</div>

<script>

var ary = [{"id":1,"name":"李铭","age":12,"job":"IT" },

{"id":1,"name":"张三","age":12,"job":"IT" },

{"id":1,"name":"王勤","age":12,"job":"IT" },

{"id":1,"name":"赵库","age":12,"job":"IT" }]


$("#oper").click(function(){// 每次点击的时候 都会执行循环 
var _val = $("#objText").val();// 内部定义的变量  可以使用局部的变量
//循环数组,如果找到匹配的id则将id对应的name打印出来  $.each可以遍历对象或者数组
$.each(ary,function(i,o){// o 是一个对象 
if(!_val){
return;// 元素不存在的情况下 函数跳出
}
if(_val == o["id"]){
alert(o["name"])
}
})
})


</script>