$.each()和$().each(),以及forEach()的用法

时间：2023-03-10 03:54:15
$.each()和$().each(),以及forEach()的用法

1.forEach() 是JS遍历数组的方法

var arr=[1,2,3];

arr.forEach(function(val,index,arr){

// var 为数组中当前的值

// index 为当前值得下标

// arr 为原数组

arr[index] = 2*val;

})

console.log(arr);  //结果：修改了原来数组，为每个数乘以2

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

<button onclick="numbers.forEach(myFunction)">点我</button>

<p>数组元素总和：<span id="demo"></span></p>

<script>

var sum = 0;

var numbers = [65, 44, 12, 4];

function myFunction(item) {

    sum += item;

    demo.innerHTML = sum;

}

</script>

注意: forEach() 对于空数组是不会执行回调函数的。

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的。

$().each：在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如：

$("input[name='ch']").each(function(i){

if($(this).attr('checked')==true)

{

//一些操作代码

}

回调函数是可以传递参数，i就为遍历的索引。

$.each() ：遍历一个数组

$.each([{"name":"limeng","email":"xfjylimeng"},{"name":"hehe","email":"xfjylimeng"},function(i,n)

{

alert(“索引:"+i,"对应值为："+n.name);

});

参数i为遍历索引值，n为当前的遍历对象.

var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(){
alert(this);
});
输出：one   two  three  four   five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出：1   4   7
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});
输出：1   2  3  4  5

参考链接：http://www.frontopen.com/1394.html   https://www.cnblogs.com/longailong/p/6409172.html

随机推荐

  1. angularjs杂谈

    1.MVVM的看法:我给view里面各种控件也定义一个对应的数据对象,这样,只要修改这个数据对象,view里面显示的内容就自动跟着刷新,而在view里做了任何操作,这个数据对象也跟着自动更新. Vie ...

  2. 前后端分离--ajaxUpload异步上传文件成功,前端获取数据却失败的解决方案

    转载:https://blog.****.net/baidu_32809053/article/details/78709951

  3. 如何在sublime安装ctags函数追踪插件

    一.这个插件是需要下载执行软件才能够操作的,下载地址http://prdownloads.sourceforge.net/ctags/ctags58.zip 然后解压到自己喜欢的目录下,我是安装到 D ...

  4. 部署自建CA颁发证书实现https加密

    理论忽略:百度上很多 需求:自建证书并实现域名的https加密 部署: 在linux机器上执行以下命令生成私钥 mkdir -p /opt/ssl-cert cd  /opt/ssl-cert 1.# ...

  5. js-图片预加载

      //图片预加载 //闭包模拟局部作用于 (function($){ function Preload(imgs,options){ this.imgs = (typeof imgs === 'st ...

  6. Java数组的声明和遍历

    Java 数组 数组对于每一门编程语言来说都是重要的数据结构之一,当然不同语言对数组的实现及处理也不尽相同. Java 语言中提供的数组是用来存储固定大小的同类型元素. 你可以声明一个数组变量,如 n ...

  7. SQL优化(面试题)

    因为现在面试经常需要问的需要SQL优化,问的具体操作步骤时候的常见做法,所以网上总结这些操作步骤: SQL优化的具体操作: 1.在表中建立索引,优先考虑where.group by使用到的字段. 2. ...

  8. @angular/cli (angular脚手架) 如何降级

    1.卸载 npm uninstall -g @angular/cli 2.清除缓存 npm cache verify 3.查看是否卸载成功 ng v //如果显示ng 不是内部或外部的指令 则证明卸载 ...

  9. docker删除已经停止的容器

    前言:docker容器已经停止运行的容器,怎么清理 1.如图:   docker   ps  -a  :显示所有运行过的docker容器 status    :  docker容器的状态 docker ...

  10. golang slice 经典例题

      arr := [...],,,,,,,,} s1 :=arr[:] s2 :=arr[:] s1=? //2,3,4,5 s2=? // 5,6 package main import &quot ...

相关文章