JS之对象数组遍历?
一、js实现遍历对象
<script>
var obj = {"player_id":"GS001","event_id":"","destroy":"97%"};
var props = "";
for(var p in obj){
if(typeof(obj[p])=="function"){
obj[p](); 执行方法
}else{
props+= p + "=" + obj[p] + " "; 输出属性
}
}
alert(props);
</script>
遍历数组
<script type="text/javascript">
//比如
var values=["北京","天津"];
//遍历1 for(var i=;i<values.length;i++){ 只能用于数组 因为对象没有长度值
alert(values[i]);
} //遍历2 for(var ele in values){
alert(values[ele]);//下标 } </script>
二、JQuery遍历
遍历数组
$(function(){
//------------遍历数组 .each的使用-------------
var anArray = ['one','two','three'];
$.each(anArray,function(n,value) {
alert(n+' '+value);
trs += "<tr><td>" +value+"</td></tr>";
});
});
遍历对象
$(function(){
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
var obj =[{"name":"admin","password":""}];
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+' '+value);
trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
});
});
多为数组遍历
<script>
$(function(){
var summ={"errno":,"errstr":"","content":[{"city":"52","region_name":"\u5317\u4eac"},{"city":"138","region_name":"\u77f3\u5bb6\u5e84"},{"city":"180","region_name":"\u6b66\u6c49"},{"city":"197","region_name":"\u957f\u6c99"},{"city":"343","region_name":"\u5929\u6d25"}]};
$.each(summ,function(v,value){
if (typeof value=="object") {
$.each(value,function(vv,values){
alert(values.region_name);
}) }else{
alert(value);
}; })
})
</script>
for(k in arr){} 实现
<script>
var summ={"errno":,"errstr":"","content":[{"city":"","region_name":"\u5317\u4eac"},{"city":"","region_name":"\u77f3\u5bb6\u5e84"},{"city":"","region_name":"\u6b66\u6c49"},{"city":"","region_name":"\u957f\u6c99"},{"city":"","region_name":"\u5929\u6d25"}]}; for (var k in summ) {
if (typeof summ[k]=="object") {
for (var n in summ[k]) {
alert(summ[k][n].city);
alert(summ[k][n].region_name);
};
}else{
alert(summ[k]);
}; };
</script>
JS之对象数组遍历?的更多相关文章
- js中的数组遍历
js中的数组遍历是项目中经常用到的,在这里将几种方法做个对比. ! for循环:使用评率最高,也是最基本的一种遍历方式. let arr = ['a','b','c','d','e']; for (l ...
- JS几种数组遍历方式总结
JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代 ...
- JS传递对象数组为参数给后端,后端获取
前端JS代码: var conditons = []; var test1 = new Object(); test1.name="1"; test1.id="2&quo ...
- JS几种数组遍历方式以及性能分析对比
前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得 ...
- JS 中的数组遍历方式效率比较
JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代码如下: ; j < ...
- js删除对象数组
若用remove删除某个对象数组,使用for循环遍历数组中的每个对象进行删除,则必须从数组的最后一个元素倒序删除,否则每次删除都只能删除数组的一半元素,因为把索引为0的子节点删除后那么很自然的原来索引 ...
- JS 字符串对象 数组对象 函数对象 函数作用域
一.内置对象 object对象:ECMAScript 中的所有对象都由这个对象继承而来:Object 对象中的所有属性和方法都会出现在其他对象中 ToString() : 返回对象的原始字符串表示.V ...
- js几种数组遍历方法.
第一种:普通的for循环 ; i < arr.length; i++) { } 这是最简单的一种遍历方法,也是使用的最多的一种,但是还能优化. 第二种:优化版for循环 ,len=arr.len ...
- js判断对象数组中是否存在某个对象
1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) arr.ind ...
随机推荐
- COJ 0503 比赛
比赛 难度级别:D: 运行时间限制:2000ms: 运行空间限制:51200KB: 代码长度限制:2000000B 试题描述 初三年级举办了一场篮球赛,共有N个班级参加.当WZJ知道了这件事情, 已经 ...
- HDU 1083 Courses(最大匹配模版题)
题目大意: 一共有N个学生跟P门课程,一个学生可以任意选一 门或多门课,问是否达成: 1.每个学生选的都是不同的课(即不能有两个学生选同一门课) 2.每门课都有一个代表(即P门课都被成功选过 ...
- Delphi 托盘程序实现 转
unit MainUnit; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, F ...
- HDOJ(HDU) 2083 简易版之最短距离(中位数)
Problem Description 寒假的时候,ACBOY要去拜访很多朋友,恰巧他所有朋友的家都处在坐标平面的X轴上.ACBOY可以任意选择一个朋友的家开始访问,但是每次访问后他都必须回到出发点, ...
- html+javascript实现可拖动弹出层、对话框、可提交
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org ...
- java:利用数组实现将古诗词纵向输出
java:利用二维数组实现将古诗词纵向输出. 从网络上随便搜索一首古诗词,这里刻意选择句子长短不一的诗词 1.首先先把诗词放进一个二维数组中. 这里将数组类型定义成char 类型,因为将其定义为S ...
- ZAB协议(转)
转自:http://www.cnblogs.com/sunddenly/articles/4073157.html Zab协议 一.ZooKeeper概述 ZooKeeper内部有一个in-mem ...
- Android Studio 2.1.x 关联SDK API Source
问题: 看图=>,当在android studio里ctrl+鼠标左键查看例如: TextUtils.isEmpty(content);这段代码的isEmpty方法的实现的时候经常就跑到如图所示 ...
- VS2010 使用TeeChart画图控件 - 之二 - 绘制图形(折线图,柱状图)
1.前期准备 详细可见VS2010 使用TeeChart画图控件 - 之中的一个 控件和类的导入 1. 1 加入TeeChart控件,给控件加入变量m_TeeChart 加入TeeChart控件,右击 ...
- Understanding AMQP, the protocol used by RabbitMQ--reference
RabbitMQ is a lightweight, reliable, scalable and portable message broker. But unlike many message b ...