vue2 中没有map 怎么取 对象数组的最大值?

Question

对象数组
list: [{
icount: "61"
keyword_rank: "1"
keywords: "冷启动和热启动的区别"},
      {
icount: "62"
keyword_rank: "1"
keywords: "冷启动和热启动的区别"},
      {
icount: "63"
keyword_rank: "1"
keywords: "冷启动和热启动的区别"},
      {
icount: "64"
keyword_rank: "1"
keywords: "冷启动和热启动的区别"}
]

// 最大值
Math.max.apply(null, list.map(function (item) {return item.icount}))
// 最小值
Math.min.apply(null, list.map(function (item) {return item.icount}))

提示 map is not function 查百度 说是 vue1.0 有 map 2.0 没有map, 那2.0 要怎么取值?

Answer 1

虽然 Vue 2.x 没有 map 方法，但是你仍然可以使用 ES6 的 Array.prototype.map 方法来实现相同的功能。你可以这样写：

Math.max.apply(null, list.map(item => item.icount))
Math.min.apply(null, list.map(item => item.icount))

这里使用了箭头函数来简化代码。如果你不想使用箭头函数，也可以使用普通的函数来实现：

Math.max.apply(null, list.map(function(item) {
  return item.icount
}))
Math.min.apply(null, list.map(function(item) {
  return item.icount
}))

这些代码都可以在 Vue 2.x 中正常运行。