jquery数组

JS简单循环遍历json数组的方法

最后都变了- 提交于 2019-11-29 17:12:01
例如数据库里面的json字符串是这样的 1 2 3 4 5 var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price":"100"}]' ; var xqo = eval( '(' + str + ')' ); for ( var i in xqo){   alert(xqo[i].name); } 上面的是js的,下面的是jquery来解析json字符串, 1 2 var cc = jQuery.parseJSON(data); alert(cc[0].title); 循环的话,和上面一样 最后,后台返回json数据是用echo,不是return,否则前端收不到,会报: Uncaught SyntaxError: Unexpected end of JSON input 原因是:请求后台接口是,后台无响应(就是毫无反应),这情况要么是接口字母写错了,要么就是后台的问题。 来源: http://www.cnblogs.com/wszz/p/7903784.html

js几种数组遍历方法.

丶灬走出姿态 提交于 2019-11-29 17:07:31
第一种:普通的for循环 for(var i = 0; i < arr.length; i++) { } 这是最简单的一种遍历方法,也是使用的最多的一种,但是还能优化. 第二种:优化版for循环 for(var i = 0,len=arr.length; i < len; i++) { } 这种看上去和第一种差不多,主要是避免重复获取数组长度,当数组很大时才能看到明显效果. 第三种:foreach循环 arr.forEach(function(e){ }); 数组自带的foreach循环,使用的时候较多,但是效果比普通的for循环弱. 第四种:forin循环 for(var i in arr) { } 对应于一个对象的每个,或一个数组的每个元素,执行一个或多个语句. 第五种:map遍历 arr.map(function(n){ }); 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 来源: http://www.cnblogs.com/zh23/p/6971599.html

图表接口对接以及bug缺陷修复和代码注释

醉酒当歌 提交于 2019-11-29 06:02:41
完整的图表接口对接 接口在服务器上放着,可以直接访问的 接口:http://60.205.224.226:8080/selectSelective 过程参考: https://www.cnblogs.com/huchong-bk/protected/p/11422688.html https://www.cnblogs.com/huchong-bk/protected/p/11436009.html https://www.cnblogs.com/huchong-bk/p/11452504.html https://www.cnblogs.com/huchong-bk/p/11457678.html 放上源码: ###~html <!-- 根据每个公司所出现的次数的所在的日期,判断在这个日期前后的价格数据需不需要填充零 现在的问题是公司的价格数组会从第一天开始往后堆叠,有多少条数据就会在X轴显示多少条,不能和时间一一对应 --> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=

jQuery的基础总结

允我心安 提交于 2019-11-29 04:05:21
**本篇只列出零碎的jQuery基础知识点,个人记录自己的学习进度,无序排列,谨慎查看。** 1.jQuery入口函数的四种写法 2.jQuery与JS遍历数组的区别 3.jQuery符号冲突问题 4.jQuery与JS的map遍历方法 5.each方法和map方法的区别 6.jQuery各种静态方法的使用 7.定义并调用静态方法和实例方法 1.jQuery入口函数的四种写法 xxxxxxxxxx //第一种写法 $(function(){ alert("hello world"); }) //第二种写法 jQuery(function(){ alert("hello"); }) //第三种写法 $(document).ready(function(){ alert("heihei"); }) //第四种写法 jQuery(document).ready(function(){ alert("world"); }) 四种写法都能弹出窗口内容。 2.jQuery与JS遍历数组的区别 jQuery与JS都可以通过 each 和 map 来遍历数组。 jQuery可以遍历伪数组,但JS不能。 注:以each方法举例。 xxxxxxxxxx //定义一个数组,一个伪数组 var arr = [1 ,3 ,5 ,7 ,9];//定义一个数组 var arw = {0:1, 1:3 ,2:5,

jQuery 源码解析(六) $.each和$.map的区别

为君一笑 提交于 2019-11-28 23:43:48
$.each主要是用来遍历数组或对象的,例如: var arr=[11,12,13,14]; $.each(arr,function(element,index){ //遍历arr数组 console.log(element,index) //打印element和index }) 输出如下: 而$.map虽然也是遍历数组的,但是它可以生成的数组,只要在函数内返回一个值即可,如下: var arr = [11,12,13,14]; var b = $.map(arr,function(element,index){ //遍历arr数组 if(element%2==0) return element //只返回能被2整除的数字 writer by:大沙漠 QQ:22969969 }) console.log(b) writer by:大沙漠 QQ:22969969 输出: 总结: $.each是用来遍历数组的,$.map除了遍历数组,还可以过滤并生成一个新的数组,当然,不一定非要过滤,任何逻辑都可以在map里的函数内完成,只要将满足要求的值返回即可 来源: https://www.cnblogs.com/greatdesert/p/11429021.html

jQuery 源码分析(五) map函数 $.map和$.fn.map函数 详解

那年仲夏 提交于 2019-11-28 21:32:17
$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回,该函数有三个参数,如下:   elems   Array/Object类型 指定的需要处理的数组或对象。   callback  遍历时执行的回调函数   arg    参数,执行回调函数时传入的参数 callback函数执行时可以带两个参数,分别是遍历时对应的值和它的索引(对象来说则是键名),如果有返回值,则将返回值拼凑为一个数组 $.fn.map()返回值是一个jQuery对象,它也是调用$.map()来实现的,返回的数组最后又调用pushStack创建一个jQuery对象而已,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.7.1/jquery.min.js"></script> </head> <body> <p id="p1">文本1</p> <p id="p2">文本2</p> <h1 id="h1">标题1</h1> <h1 id="h2">标题2</h1> <script> var arr=[11,12,13,14]; var a =$

jQuery 源码分析(四) each函数 $.each和$.fn.each方法 详解

我们两清 提交于 2019-11-28 19:13:20
$.each一般用来遍历一个数组或对象,$.fn.each()就是指jQuery实例可以执行的操作(因为$.fn是jQuery对象的原型) $.each用来遍历一个数组或对象,并依次执行回掉函数,最后返回传递的数组或对象,以支持链式操作,可以传递三个参数,如下:   object   待遍历的对象或数组   callback  要执行的函数,该函数可以带两个参数,分别表示该元素的索引(如果遍历对象则为键名)和值 writer by:大沙漠 QQ:22969969   args    一个数组,如果设置了该值,则参数2对应的函数里的参数就是该值,一般可以忽略 $.fn.each就是调用调用$.each来实现的,它传入的参数1就是当前对象this 例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.7.1/jquery.min.js"></script> </head> <body> <p>1</p> <p>2</p> <script> var A = [11,12,13,14,15] $.each(A,function(index,elem){console.log

了解誒JSON格式

风格不统一 提交于 2019-11-28 08:58:06
要想深入了解JQuery, 那麼必須對JSON要了解 json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组2种结构,通过这两种结构可以表示各种复杂的结构 1、对象:对象在js中表示为“{}”扩起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构。 2、数组:数组在js中是中括号“[]”扩起来的内容,数据结构为 [" java ","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。 经过对象、数组2种结构就可以组合成复杂的数据结构了 如: var people ={ "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }, { "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" } ], "authors": [ { "firstName": "Isaac", "lastName": "Asimov", "genre":

[转发]for 循环,jQuery循环遍历详解

大兔子大兔子 提交于 2019-11-27 21:44:39
1. for 循环 原生JS最基本的使用: for (var i=0;i<cars.length;i++) { ..... } for - 循环代码块一定的次数 2. for in for/in - 循环遍历对象的属性 以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性,语句都会被执行 var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]); // for (variable in object) {...} // variable // 在每次迭代时,将不同的属性名分配给变量。 // object // 被迭代其枚举属性的对象。 for…in 不应该被用来迭代一个下标顺序很重要的 Array . let array2 = ['a','b','c'] let obj1 = { name : 'lei', age : '16' } for(variable in array2){ //variable 为 index console.log(variable ) //0 1 2 } for(variable in obj1){ //variable 为属性名 console.log(variable) //name age } 3.

jQuery学习笔记(2)

时间秒杀一切 提交于 2019-11-27 21:08:55
jQueryt静态方法详解 ==> each           ==> map 一,each方法   注:为了更好的展示,首先创建一个数组和一个对象 (let 与 arr 区别详解见 笔记 (3)) 1 let arr = [1, 3, 5 ,7, 9]; 2 3 let obj = { 4 0:1, 5 2:3, 6 3:5, 7 4:7, 8 length:4, 9 };   对于原生JS,each方法只适合遍历数组,而不适合遍历伪数组(伪数组详解见笔记(1))   代码示例 1 arr.forEach(function (value, index){ 2 console.log(index, value) 3 }) 4 5 obj.forEach(function (value, index){ 6 console.log(index, value) 7 })   结果:   说明    forEach方法的第一个参数为遍历到的元素,第二个参数为当前遍历的索引    原生JS的forEach方法只能遍历数组,而不能遍历伪数组   对于jQuery,each方法既适合遍历数组,也适合遍历伪数组   代码示例 $.each(arr, function (index, value){ console.log(index, value); }) $.each(obj,