- 浏览: 404861 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
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 1678<html xmlns="http:// ... -
javascript中创建对象的几种方式
2012-09-05 13:25 1015随着web 2.0 的兴起(最具代表性的是Aja ... -
清除js缓存
2012-07-20 18:26 5287客户端有一个HTML文件,是用来提交输入信息的.但问 ... -
JS操作cookie
2012-07-20 16:56 905var Cookie=new Object(); C ... -
iframe下的cookie设置
2012-07-11 22:05 1972http://viralpatel.net/blogs/how ... -
IE域名带有下划线导致的session丢失
2012-07-11 22:01 1557IE下如果域名包含_ 则会导致之前session存入的信息丢失 ... -
Iframe父页面和子页面之间的JS调用
2012-07-11 21:59 19971.index.html <!DOCTYPE h ... -
CSS3的一些特效
2012-04-25 14:28 729http://www.cnblogs.com/damonlan ... -
js中undefined,null,NaN的区别
2012-03-31 11:25 33441.类型分析: js中的数据类型有undefined, ... -
jQuery---循环滚动新闻列表
2012-03-09 11:29 916Demo1:http://www.cssrain.cn/dem ... -
html提交表单中input image和img
2012-02-29 18:16 163841.<input type="image&qu ... -
DTD文件定义
2012-02-29 22:27 868DTD文件定义 一个DT ... -
doctype声明、浏览器的标准、怪异等模式
2012-02-08 22:26 1760群里看到一个面试题,doctype 标准(严格)模式(S ... -
IE,火狐,OPERA等浏览器CSS Hack和向后兼容
2012-02-08 22:24 1209在解决兼容方法上,想定出一个统一的规范,个人认为应该以下 ... -
Javascript正则表达式
2012-02-07 22:13 753创建一个正则表达 ... -
HTTP协议
2012-02-01 16:29 922引言 HTTP协议我想任何IT 人士都耳熟能详了 ... -
Zend Studio中安装Aptana及几个配置说明
2012-01-29 11:51 950Zend Studio加Aptana的完美结合.我想,无 ... -
10 个很棒的 jQuery 代码片段
2011-11-25 17:42 842图片预加载 (function($) { var ca ... -
HTTP session cookie原理及应用
2011-09-24 14:55 2155PHP 的COOKIE coo ... -
CSS子选择器
2011-09-14 17:04 914<html> <head> < ...
相关推荐
- 遍历对象常用于提取数据、验证数据格式或者更新对象的某些属性。 - 递归遍历适用于处理层级数据,如JSON解析、树形结构的展示和遍历等。 总之,理解并熟练掌握JavaScript中遍历数组和对象的不同方法,以及如何...
主要介绍了js/jquery遍历对象和数组的方法,结合实例形式分析了数组遍历的forEach,map与each方法常见使用技巧,需要的朋友可以参考下
主要介绍了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式,结合实例形式总结分析了vue.js使用v-for指令遍历输出js数组与json对象的常见操作技巧,需要的朋友可以参考下
jQuery的$.each方法是用于遍历对象或数组的一个强大工具,它提供了灵活的方式来处理数据集合中的每个元素或属性。在JavaScript中,遍历通常是为了执行某种操作,如修改、检查或计算。$.each方法有两种主要的用法,一...
在JavaScript中,数组遍历和字符串拼接是常见的操作,特别是在处理用户界面展示或数据处理时。本示例中,我们关注的是如何遍历数组并将其中的字符串元素用逗号连接起来,同时如何获取循环中的最大索引或最后一个索引...
此时,即使数组元素中的字符串值重复,但因为它们是不同的数组对象,所以AngularJS可以正常遍历这些元素: ```html <li>{{item[0]}} ``` #### 总结 通过上述分析可以看出,当使用`ng-repeat`指令遍历包含重复...
嵌套的复杂数组对象,删除深层嵌套后返回新数组。 如: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...
在JavaScript中,我们可以使用`for...in`循环遍历对象的所有可枚举属性,从而获取键值和对应的值。以下是一个简单的函数`getObjectKeys`,用于获取对象的所有键: ```javascript function getObjectKeys(object) {...
异步和递归地遍历对象,数组或文字。 用途以提供生成器和Promise支持。 安装 npm install stroll 用法 var stroll = require ( 'stroll' ) var obj = { a : 'a' , b : [ 'b0' , 'b1' ] , c : 'c' , d : { e : ...
在遍历数组时,`$.each()`方法的使用与遍历对象类似,但它会遍历数组的每一个元素。数组是一个有序集合,每个元素都有一个索引位置,`$.each()`方法会返回元素的索引和值。与对象遍历不同的是,遍历数组通常不涉及...
需要注意的是,在使用ng-repeat时,`track by`子句可以用来指定如何跟踪数组中元素的唯一性,这对于处理对象数组尤其重要,但对于基本类型的数组来说,AngularJS默认可以自动跟踪。不过,建议在可能引起性能问题的...
在JavaScript(JS)中,数组是一种非常重要的数据结构,它允许我们存储多个数据项,并通过索引来访问这些数据。在给定的代码片段中,展示了几种常见的数组操作,包括求最大值、求最小值、倒序遍历数组、数组元素连接...
为了更好地理解和应用这种递归遍历方法,建议学习JavaScript数组操作技巧、JavaScript遍历算法与技巧、JavaScript排序算法、JavaScript数学运算用法、JavaScript数据结构与算法技巧、JavaScript查找算法技巧以及...
JavaScript遍历数组和对象的元素简单操作示例中的知识点涵盖了如何利用JavaScript语言对数组和对象进行遍历操作。在JavaScript中,数组是基于零的、有序的集合,而对象则是键值对的集合。掌握数组和对象的遍历方法是...
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) => { ...
ng-repeat是AngularJS中的一个指令,用于重复HTML元素,非常适合用于遍历数组或对象等集合类型的数据。 ng-repeat指令可以应用于一维数组和二维数组的遍历。在一维数组的遍历中,ng-repeat指令重复一组连续的DOM...