代码之家 › 专栏 › 技术社区 › wbdlc

如何获取对象值

vuejs2 vue.js object javascript

wbdlc · 技术社区 · 7 年前

考虑以下数据:

{
    "id": 1,
    "title": "Title one",
    "category_data": {
        "2": "Team",
        "7": "Queries"
    }
},

   remove_category_duplicates: function () {
        // Get all categories and remove duplicates
        let data = {}
        this.info.forEach(i=>{
            Object.assign(data,i.category_data);
        })

        return data;
    },

返回一个对象,如下所示:

Object {
 12: "Fax",
 2: "Team",
 6: "Questions",
 7: "Queries"
}

传真 )? 然后我想将这些名称值放入一个数组中。

谢谢

2 回复 | 直到 7 年前

HelgeFox 7 年前

要仅返回值,可以使用 Array.map 功能如下:

let arr = this.info.map(val => val.category_data);

Object.values()

Karan 7 年前

您可以通过这种方式推送值

 var info = [{
          "id": 1,
          "title": "Title one",
          "category_data": {
            "2": "Team",
            "7": "Queries"
          }
        }];
        
        var remove_category_duplicates = function () {
          // Get all categories and remove duplicates
          let data = [];
          for (var i in info) {
            if (info[i] && info[i].category_data) {
              var category_data=info[i].category_data;
              for (var j in category_data) {
                  data.push(category_data[j]);
              }
            }
          }
          console.log(data)
          return data;
        };
        remove_category_duplicates();

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

3 年前

Park · Vuejs道具,路径较长

4 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

4 年前

roev · 大堆来自(物体)。forEach不使用vue。js

4 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

8 年前

Ready Dev · Axios一次发出多个请求(vue.js)

8 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

8 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

8 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

8 年前

Tim · VueJS-迭代从AJAX调用返回的数据

8 年前