- 浏览: 401179 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
goahead2010:
有用
JS遍历对象或者数组 -
bishibaodian:
不要在这样找笔试题了,一次就这么几个,还没过瘾就没有了,去安装 ...
整理了一份招PHP高级工程师的面试题 -
smallearth:
不错
整理了一份招PHP高级工程师的面试题 -
ipodao:
暂时没发现啊!
IE域名带有下划线导致的session丢失 -
ipodao:
谢了
JS遍历对象或者数组
一.纯js实现
<script> var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"}; var props = ""; for(var p in obj){ if(typeof(obj[p])=="function"){ obj[p](); }else{ props+= p + "=" + obj[p] + " "; } } alert(props); </script>
二.jquery实现
1.遍历对象
$(function(){ var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象) var obj =[{"name":"admin","password":"123456"}]; $("#result").html("------------遍历对象 .each的使用-------------"); alert(obj);//是个object元素 //下面使用each进行遍历 $.each(obj,function(n,value) { alert(n+' '+value); var trs = ""; trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>"; tbody += trs; }); $("#project").append(tbody); });
2.遍历数组
$(function(){ var tbody = ""; //------------遍历数组 .each的使用------------- var anArray = ['one','two','three']; $("#result").html("------------遍历数组 .each的使用-------------"); $.each(anArray,function(n,value) { alert(n+' '+value); var trs = ""; trs += "<tr><td>" +value+"</td></tr>"; tbody += trs; }); $("#project").append(tbody); });
3.遍历List集合
$(function(){ var tbody = ""; //------------遍历List集合 .each的使用------------- var obj =[{"name":"zhangsan","password":"123456"},{"name":"lisi","password":"333333"}]; $("#result").html("遍历List集合 .each的使用"); alert(obj);//是个object元素 //下面使用each进行遍历 $.each(obj,function(n,value) { alert(n+' '+value); var trs = ""; trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>"; tbody += trs; }); $("#project").append(tbody); });
一个完整的例子,向一个select添加元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="../js/jquery-1.6.js"></script> </head> <body> <script type="text/javascript"> var cities = new Array({"id":1,"name":"nanjing"},{"id":2,"name":"shanghai"}); function add(){ var added = ""; $.each(cities,function(n, value){ //n表示下标 var str = ""; str = '<option id=' + value.id + ' value='+ '"' + value.name + '">' + value.name + '</option>' + '<br/>'; added += str; }); //alert(added); $("#selector").append(added); } function add2(){ var added = ''; for(var i = 0; i < cities.length; i++ ){ var data = ""; for(var k in cities[i]){ if(typeof(cities[i][k])=="function"){ cities[i][k](); }else{ data += k + "=" + cities[i][k] + ' '; } } added += data; } var select = document.getElementById("test"); select.innerHTML = added; } $(function(){ $("#add").click(function(){ add(); }); }); </script> <button id="add">显示select</button><br/><br/> <select id="selector"> </select> <div id="test"> </div> </body>
发表评论
-
年月日三级联动菜单
2012-09-05 16:01 1645<html xmlns="http:// ... -
javascript中创建对象的几种方式
2012-09-05 13:25 979随着web 2.0 的兴起(最具代表性的是Aja ... -
清除js缓存
2012-07-20 18:26 5265客户端有一个HTML文件,是用来提交输入信息的.但问 ... -
JS操作cookie
2012-07-20 16:56 883var Cookie=new Object(); C ... -
iframe下的cookie设置
2012-07-11 22:05 1856http://viralpatel.net/blogs/how ... -
IE域名带有下划线导致的session丢失
2012-07-11 22:01 1492IE下如果域名包含_ 则会导致之前session存入的信息丢失 ... -
Iframe父页面和子页面之间的JS调用
2012-07-11 21:59 19691.index.html <!DOCTYPE h ... -
CSS3的一些特效
2012-04-25 14:28 712http://www.cnblogs.com/damonlan ... -
js中undefined,null,NaN的区别
2012-03-31 11:25 33251.类型分析: js中的数据类型有undefined, ... -
jQuery---循环滚动新闻列表
2012-03-09 11:29 889Demo1:http://www.cssrain.cn/dem ... -
html提交表单中input image和img
2012-02-29 18:16 163501.<input type="image&qu ... -
DTD文件定义
2012-02-29 22:27 842DTD文件定义 一个DT ... -
doctype声明、浏览器的标准、怪异等模式
2012-02-08 22:26 1733群里看到一个面试题,doctype 标准(严格)模式(S ... -
IE,火狐,OPERA等浏览器CSS Hack和向后兼容
2012-02-08 22:24 1192在解决兼容方法上,想定出一个统一的规范,个人认为应该以下 ... -
Javascript正则表达式
2012-02-07 22:13 733创建一个正则表达 ... -
HTTP协议
2012-02-01 16:29 892引言 HTTP协议我想任何IT 人士都耳熟能详了 ... -
Zend Studio中安装Aptana及几个配置说明
2012-01-29 11:51 934Zend Studio加Aptana的完美结合.我想,无 ... -
10 个很棒的 jQuery 代码片段
2011-11-25 17:42 825图片预加载 (function($) { var ca ... -
HTTP session cookie原理及应用
2011-09-24 14:55 2125PHP 的COOKIE coo ... -
CSS子选择器
2011-09-14 17:04 899<html> <head> < ...
相关推荐
本文给大家js遍历数组和遍历对象的区别,一般来说for用来遍历数组对象而for-in用来遍历非数组对象。接下来小编给大家带来了js遍历数组和对象的区别及js递归遍历对象、数组、属性的方法详解,一起看下吧
主要介绍了js/jquery遍历对象和数组的方法,结合实例形式分析了数组遍历的forEach,map与each方法常见使用技巧,需要的朋友可以参考下
主要介绍了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式,结合实例形式总结分析了vue.js使用v-for指令遍历输出js数组与json对象的常见操作技巧,需要的朋友可以参考下
js 遍历数组取出字符串用逗号拼接;js 如何获取循环出来的最后一个i或者取i的最大值
嵌套的复杂数组对象,删除深层嵌套后返回新数组。 如:var data = [ { id: '1', name: 'www' }, { id: '2', name: 'qqq' }, { id: '3', name: 'eee', children: [ { id: '4', name: ...
通过它,你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数) $.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object...
异步和递归地遍历对象,数组或文字。 用途以提供生成器和Promise支持。 安装 npm install stroll 用法 var stroll = require ( 'stroll' ) var obj = { a : 'a' , b : [ 'b0' , 'b1' ] , c : 'c' , d : { e : ...
1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { ...
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下: [removed] var values=function(object) { var values = []; for (var property in object) values....
感觉事情并不这么简单,于是我仔细看了一下这几种遍历对象的方法的区别 for in for in 循环是最基础的遍历对象的方式,它还会得到对象原型链上的属性 // 创建一个对象并指定其原型,bar 为原型上的属性 const obj =...
本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考,具体如下: 博主最近一直在学习JavaScript,今天给大家分享如何遍历JavaScript中的数组和对象的元素,这篇文章相当于做一篇小的笔记,希望能...
Js中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性。 具体代码如下所示: // =================== 求最大值===================================== [removed] var arr = [10,35,765,21345,678,89]...
这个插件循环遍历您的对象和数组,并且不需要它的jQuery。 另外,您将能够使用回调或解析器来确定循环是否完全完成。 您甚至可以暂停循环,直到完成其中的内容。从1.0.0版本开始从1.0.0版开始,将Await更改为...
Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary)。先举例看看数组的用法
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举,那么将返回由键组成的数组。 这是...
js、jp遍历对象以及数组,本人手写学习笔记!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!...