ES5比较Jquery中的each与map 方法?

1.each

es5:

var arr = [1, 5, 7, 8, 9];var arr1 = [];
arr.forEach(function (v, i) {    arr1.push(v * 4)         //无法跳出循环  没有跳出循环的语句});

jquery:

var arr = [ 1, 2, 3, 4, 5 ]
$.each( arr, function ( i, v ) {    //arr可以是 数组|对象|伪数组     因为遍历的是数组对象    console.log( i + ‘, ‘ + v );    // return false;      如果想跳出循环 就用 return false})

2.map  es5:
  var arr = [ 1, 2, 3 ];  var newArr = arr.map( function ( v, i ) {      return v * 2;  });// 在函数中如果不返回任何数据, 那么就是说返回 undefiendjquery:
var array = $.map( arr, function ( v ) {

// return v * 2;
    });
 //arr可以是 数组|对象|伪数组
//如果不返回数据 那么就没有数据
 

原文地址:https://www.cnblogs.com/xsx123-/p/10042319.html

时间: 2024-10-30 02:16:07

ES5比较Jquery中的each与map 方法?的相关文章

jQuery中一些不常用的方法属性【转载】

index(subject) 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值.如果找到了匹配的元素,从0开始返回:如果没有找到匹配的元素,返回-1. data() data(elem):为页面对象添加唯一标识. data(name, value):将数据保存在元素的一个key里面.$("#box").data("shape","rectangle"). data(name):获取值.$("#box").data(&qu

jquery中prop()方法和attr()方法的区别

jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是un

学习JQuery中文文档之map()函数和get()函数

今天学到一个新的函数map(). map(callback) 官方概述: 将一组元素转换成其他数组(不论是否是元素数组) 你可以用这个函数来建立一个列表,不论是值.属性还是CSS样式,或者其他特别形式.这都可以用'$.map()'来方便的建立. 参数: 给每个元素执行的函数 为了让学习者更容易理解这个函数,于是就有了下面这个栗子: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu

jquery中的 ajax 以及map遍历

1.语法 $.ajax{ type:'get',//类型 有get post url:'',//路径 data:{name:$('#ma').val(),nameq:$('#maq').val()}, dataType="json", success:function(data){alert("成功了")} } 2.获取data数据的方法 如果这样写的话会写吐血的name:$('#ma').val(),nameq:$('#maq').val() 可以用map方法 v

jquery中attr方法和prop方法的区别

关于checked的属性,最重要的概念就是你要记住,它跟checked的状态值是毫无关系的,设置checked = "checked"或者checked = "true"等属性设置,和它的状态值true/false是无关的.,而这里的属性值,事实上只是和defaultChecked的状态值有关,并且只能用来设置checkbox的初始的值.checked的属性值并不会随着checkbox的的状态变化而变化,可是checkbox的状态值却会.因此,为了能更好的跨浏览器的

比较jquery中的after(),append(),appendTo()方法

html页面: <p id="myp1">我的兴趣爱好是:</p> <button id="b1">after函数</button> <button id="b2">append函数</button> <button id="b3">appendTo函数</button> js页面 $(document).ready(functio

jQuery中bind方法和live方法区别解析

Javascript中的事件有它的独特性,有默认的执行事件,例如冒泡就是其中的一个.在很多比较复杂的应用程序中,停止事件的冒泡或捕获在程序开发当中是十分有用的,而在IE中有它的独特方式来阻止事件的冒泡(和其它浏览器方式不同). 以下给出一种通用的方式来实现阻止事件的冒泡,该通用方式接受一个参数[传递到事件处理程序中的事件对象],该函数处理取消事件冒泡的两种方式:标准的W3C方式和非标准的IE方式: 什么是事件冒泡[又称为事件传播]:当我们点击一个元素时,它会触发bind在该元素上的click事件

jquery中prop()方法和attr()方法的区别浅析

jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是un

jquery中两个遍历的方法

1.$.map(array,callback(element,index)) 对于数组array中的每个元素,调用callback()函数,最终返回一个新的数组,原数组不变. 案例: 将一个数组中索引大于3的元素的值翻倍,其余值不变,并返回一个新数组 var arr = [1,2, 4, 6, 3, 7, 8]; var newArr = $.map(arr, function (ele, index) { if (index > 3) { return ele * 2; } else { re