javascript获取对象值(javascript获取对象属性值的方法)

Q:如何从对象中取出一组属性值?

在JavaScript中要取出对象的单一属性默认是采用方括号 [ ] 和点 . 分割的方式,这是所有JavaScript引擎支持的方法,例如:

javascript获取对象值(javascript获取对象属性值的方法)

而且属性名为数组则只能采用方括号:

javascript获取对象值(javascript获取对象属性值的方法)

要想一次性取出多个属性并且得到一个数组结构的结果需要我们自己构建一个方法,可以是单独的方法也可以附加到obj原型上,建议使用前者。

主要是数组原型上的几个方法组合一下:

  • 首先使用Array.prototype.map()遍历选择器;
  • 然后对方括号 [ ] 进行替换 String.prototype.replace();
  • 之后就使用String.prototype.split('.')以 . 作为分隔代替方括号[ ];
  • 接下来使用Array.prototype.filter()删除空值;
  • 最后通过Array.prototype.reduce()从对象中获得对应的属性。

javascript获取对象值(javascript获取对象属性值的方法)

当然,对于结构简单的对象,完全可以直接构建数组。

javascript获取对象值(javascript获取对象属性值的方法)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论