首页 > 其他分享 >JS 数组遍历的方法

JS 数组遍历的方法

时间:2023-06-26 22:38:19浏览次数:48  
标签:arr 遍历 console log ele 数组 JS


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var a = [1,2,3,4,5,6];
var b = a.some(function(ele,index,arr){
    console.log(ele);//输出1,2,3遍历到3停止遍历
    return ele > 2;   
});
console.log(b);
console.log("--------------------");
var c = a.every(function(ele,index,arr){
    console.log(ele);//输出1,2,3,4,5遍历到5返回false,停止遍历
    return ele < 5;
});
console.log(c);
console.log("--------------------");
var d = a.filter(function(ele,index,arr){
    console.log(ele);//遍历整个数组,将值大于3的项添加到d数组中
    return ele > 3;   
});
console.log(d);
console.log("--------------------");
var e = a.map(function(ele,index,arr){
  	console.log(ele);//遍历整个数组,对数组的每个元素执行一次操作,将新的元素添加到e数组中
    return ele+3;
});
console.log(e);
console.log("--------------------");
a.forEach(function(ele,index,arr){
    arr[index] = ele+6;//遍历数组,对数组中的每项执行一次操作,无返回值
});
console.log(a);
</script>
</body>
</html>

  

some:只要数组中有满足条件的选项,就返回true,不再遍历剩余元素,如果所有项都没有满足条件,则返回false
every:只要数组中有不满足条件的选项,就返回false,不再遍历剩余元素,如果所有项都满足条件,则返回true
filter:筛选数组,该函数返回新的数组,将原数组中满足条件的元素push到新数组中
map:对数组中的每个元素都执行一次callback函数,并返回新的元素到新数组中
forEach:对数组中的每个元素执行一次callback函数,该函数没有返回值

 

效果图:

JS 数组遍历的方法_函数返回


 

 

 

 

 

标签:arr,遍历,console,log,ele,数组,JS
From: https://blog.51cto.com/u_16171388/6558630

相关文章

  • JS 随机从数组中取出几个元素
    从数组items中随机取出一个元素varitem=items[Math.floor(Math.random()*items.length)]; 例子:<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title></title></head><body><script&g......
  • 数组补充
    声明数组是在栈里//int[]array=null;创建数组是在堆里//arry=newint[10];在Java中,数组是一种引用类型。创建一个数组时,需要分配内存来存储数组元素。假设我们要创建一个包含3个整数的数组:int[]array=newint[3];上述代码将在内存中创建一个名为array的变量来引用数组......
  • JS Cookie的操作
    <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>JSCookie的操作</title><script>//设置cookie值的函数functionsetCookie(cname,cvalue,exdays){ vard=newDate(); d.setTime(......
  • JS HTML经典框架
    switch.html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv=&qu......
  • JS 随机图片效果
    <html><head><title>JS随机图片效果</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><styletype="text/css"><!--img{border:#999999;border-style:dotted;bor......
  • JS——网课
    看:https://www.bilibili.com/video/BV1Y84y1L7Nn/?p=17&spm_id_from=pageDriver&vd_source=b16c9d62fc80d4f0761a959bb9fdb870P17 ......
  • JS 判断手机端跳转
    第一种方法:functionis_mobile(){varregex_match=/(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian......
  • JS 跳转对应的手机页面
    location.pathname(location对象的pathname属性)用于设置或取得当前URL的路径部分<scripttype="text/javascript"> varpath=location.pathname; alert(path);</script>效果图: 前提是手机和PC站都同一个数据库,更新的路径都是相同的,只是域名的不同。一个是www,另一个是m......
  • JS 函数的三种声明方式
    <!DOCTYPEhtml><metacharset="UTF-8"><script>//----函数的三种声明方式----//1、自定义函数:functionf1(){ console.log("f1f1f1f1");}//调用方式:函数名f1();//特点://(1)函数声明的函数在JS预解析的时候,会提升到作用域的最前面//(2)函数声明中的函数,可以在声明之前调......
  • JS 短路运算
    Boolean强制转换:除了NaN、null、""、undefined、0、function这几个为false外,其他皆为true。短路运算的符号:   ||  && ! 或与非。短路运算的原理:当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。短路运算的规则:&&找假,先看第一个表达式的......