资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JavaScript的属性枚举方法是什么-创新互联

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

创新互联专注于中大型企业的网站建设、成都网站设计和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户上1000+,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注高端网站设计和互联网程序开发,在前进的路上,与客户一起成长!

我们在上一篇文章中给大家介绍了关于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的属性枚举方法是什么内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:JavaScript的属性枚举方法是什么-创新互联
URL分享:http://cdkjz.cn/article/ihjdh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220