JavaScript的属性枚举方法是什么-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

JavaScript的属性枚举方法是什么

这篇文章主要介绍了JavaScript的属性枚举方法是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

成都创新互联公司是专业的马山网站建设公司,马山接单;提供成都网站设计、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行马山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

我们在上一篇文章中给大家介绍了关于JavaScript中Object.keys获取对象属性的方法,接下来我们就来看看JavaScript枚举属性的方法。

先来看一下常见的对象数据

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}

通过forEach()枚举属性

forEach()是一个可用于数组的方法,但由于Object.keys()的返回值是一个数组,因此兼容性很好。

要枚举属性,请看如下描述。

Object.keys(obj).forEach(function(data) {
  console.log(data);
})

执行结果

name
age
area

请注意,我们将函数定义为forEach()的参数。

通过这样描述,可以对每个属性执行任意函数。

顺便说一句,也可以使用像“obj [data]”这样的格式输出属性的值!

通过map()枚举属性

基本用法与forEach()相同,但它是一个作为数组返回值获取属性的函数。

请看下面的示例!

var result = Object.keys(obj).map(function(data) {
    return data;
})

执行结果

["name", "age", "area"]

请注意map()参数中指定函数的内容。

通过filter()枚举属性

filter()和map()的用法几乎一样。

请看下面的示例

var result = Object.keys(obj).filter(function(data) {
    return data;
})

执行结果

["name", "age", "area"]

在这个示例中,我们只是用filter()替换了map()部分,但执行结果是相同的。

filter()的特征是可以描述仅在满足特定条件时获取值的过程。

例如,“return data ==='name'”仅在属性具有“name”时才返回值。

如果使用filter(),例如只提取30岁以上的用户也会很容易。

感谢你能够认真阅读完这篇文章,希望小编分享JavaScript的属性枚举方法是什么内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


本文题目:JavaScript的属性枚举方法是什么
链接分享:http://kswsj.cn/article/jsggdh.html

其他资讯