,,JavaScript 中的六种循环方法

,,JavaScript 中的六种循环方法

本文主要介绍JavaScript中的六种循环方法,有助于你更好的理解和使用JavaScript。感兴趣的朋友可以了解一下。

Javascript中的遍历循环

1.for循环

对于带有数字索引的数组,可以使用标准的For循环来遍历这些值。

const arr=[1,2,3,4];

for(设I=0;iarr .长度;i ){

console.log(一);

}

2 .对于.在回路中

森林.in循环可用于遍历对象的可枚举属性列表(包括原型链上的属性)。

const my object={ };

Object.defineProperty(myobject,' a ',{

//可枚举

可枚举:真,

值:2,

})

Object.defineProperty(myobject,' b ',{

//不可枚举

可枚举:false,

值:2,

})

for(让k在我的对象中){

console.log(k,myObject[k])

//a 2

}

//将用于.in循环不能直接获取属性值,因为它实际上是遍历对象中所有可枚举的属性,

//所以需要手动获取属性值。

将应用于.对数组的循环不仅包含所有数字索引,还包含所有可枚举的属性。

因此,最好申请.对象上的in循环。如果要遍历数组,最好使用传统的for循环。

3 .对于.循环的

1.ES6新增的for...of循环

const arr=[1,2,3];

for(让数组的值){

console.log(值)

//1

//2

//3

}

森林.of循环首先从所有被访问的对象中请求一个iterator对象,然后通过调用iterator对象的next()方法遍历所有返回值。

数组中有一个内置的@ @迭代器,所以对于.可以直接应用于数组。

使用内置的@ @迭代器遍历数组

const arr=[1,2,3];

//获取数组中的iterator对象:使用ES6中的Symbol.iterator获取对象的@ @@iteraotr内部属性。

//@ @迭代器本身不是迭代器,而是返回迭代器对象的函数。

const it=arr[symbol . iterator]();

it . next();//{值:1,完成:假}

it . next();//{value:2,done:false}

it . next();//{值:3,完成:假}

it . next();//{done:true}

//调用迭代器的next()方法将返回{value:完成:};

//value为当前值,done为布尔值,表示是否有可以遍历的值。

2.给对象定义@@iterator

const myObject={

答:2,

乙:三个

}

Object.defineProperty(myObject,Symbol.iterator,{

可枚举:false,

可写:假,

可配置:真,

值:函数(){

设o=this

设idx=0;

//对象中的属性数组

设ks=object . keys(o);

返回{

值:o[ks[idx ]],

done:(idxks . length);

}

}

})

const it=my object[symbol . iterator]();

it . next();//{value:2,done:false}

it . next();//{值:3,完成:假}

it . next();//{done:true}

for(我的对象的字母值){

console.log(值);

}

//2

//3

4.foreach(...)

**forEach()**方法对数组的每个元素执行一次给定的函数。

const arr=['a ',' b ',' c '];

arr . foreach(element=console . log(element));

//a

//b

//c

arr.forEach(callback(当前值[,索引[,数组]])[,thisArg])

一些.)

Some()是对数组中的每一项运行一个给定的函数,如果函数对任何一项返回true,就返回true。

var arr=[ 1,2,3,4,5,6];

console . log(arr . some(function(item,index,array ){

console.log( 'item=' item ',index=' index ',array=' array);

返回项目3;

}));

//项目=1,索引=0,数组=1,2,3,4,5,6

//项目=2,索引=1,数组=1,2,3,4,5,6

//项目=3,索引=2,数组=1,2,3,4,5,6

//项目=4,索引=3,数组=1,2,3,4,5,6

//真

每一个.)

Every()是对数组中的每一项运行给定的函数,如果函数对每一项都返回true,则返回true。

var arr=[ 1,2,3,4,5,6];

console . log(arr . every(function(item,index,array ){

console.log( 'item=' item ',index=' index ',array=' array);

返回项目3;

}));

//项目=1,索引=0,数组=1,2,3,4,5,6

//假

这些是JavaScript中六个循环方法的细节。关于JavaScript循环的更多信息,请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: