JavaScript的forin语句怎么用

本篇内容主要讲解“JavaScript的for in语句怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的for in语句怎么用”吧!

创新互联建站专注于企业网络营销推广、网站重做改版、安化网站定制设计、自适应品牌网站建设、H5响应式网站购物商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为安化等各大城市提供网站开发制作服务。

JavaScript for in 语句循环遍历对象的属性: 

语法

for (key in object) {

  // code block to be executed

}

实例

const person = {fname:"John", lname:"Doe", age:25};

let text = "";

for (let x in person) {

  text += person[x];

}

例子解释

for in 循环遍历 person 对象

每次迭代返回一个键 (x)

键用于访问键的值

键的值为 person[x]

For In 遍历数组

JavaScript for in 语句也可以遍历数组的属性:

语法

for (variable in array) {

  code

}

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";

for (let x in numbers) {

  txt += numbers[x];

}

如果索引顺序很重要,请不要在数组上使用 for in。

索引顺序依赖于实现,可能不会按照您期望的顺序访问数组值。

当顺序很重要时,最好使用 for 循环、for of 循环或 Array.forEach()。

Array.forEach()

forEach() 方法为每个数组元素调用一次函数(回调函数)。

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";

numbers.forEach(myFunction);

function myFunction(value, index, array) {

  txt += value;

}

请注意,该函数采用 3 个参数:

项目值

项目索引

数组本身

上面的例子仅使用 value 参数。可以改写为:

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";

numbers.forEach(myFunction);

function myFunction(value) {

  txt += value;

}

到此,相信大家对“JavaScript的for in语句怎么用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


名称栏目:JavaScript的forin语句怎么用
文章地址:http://myzitong.com/article/pgepoi.html