JavaScript将数组转换对象，将某个值转为键

1.2需求将数组转换对象，将某个值转为键

const arr = [{label: '男', value: 0},{label: '女', value: 1}]

结果

const obj = f(arr) // obj ===> {0: '男', 1:'女'}

方案① foreach

    function fn(arr) {
      let obj = {}
      arr.forEach(item => obj[item.value] = item.name);
      return obj
    }

方案② reduce

    function fn(arr) {
      let res = arr.reduce((res, item) => {
        return {
          ...res,
          [item.value]: item.name
        }
      }, {});
      return res
    }

简化一

        function f(arr) {
            return arr.reduce((obj, item) => ({...obj,[item.value]: item.label}), {})
        }
        var obj = f(arr);
        console.log(obj)

简化二

        const f = arr =>arr.reduce((obj, item) => ({...obj,[item.value]: item.label}), {})
        var obj = f(arr);
        console.log(obj)

方案③ reduce

    function fn(arr) {
      let res = arr.reduce((res, item) => {
        res[item.value] = item.name
        return res
      }, {});
      return res
    }

 

2.需求：得到的对象在转换成数组

方案① for...in 

    const obj = { 0: '男',1: '女'}
    let array = []
    for (let key in obj) {
      array.push({
        'name': obj[key],
        'value': key
      })
    }

方案②

        obj = { '1': '男','0': '女'}
        const arr = Object.keys(obj).map(item => ({ label: obj[item], value: item}))
        console.log(arr);

 

 

3.取出数组中的键

 var arr = [{label:'男',value: 1}, {label:'女',value: 0}]

        function f(arr) {
            let obj = []
            arr.forEach(item => {
                obj.push(item.label) 
            });
            return obj
        }
        var arr2 = f(arr);
        console.log(arr2)

 

4.取出数组中的值

  var obj = {label: '男', value: 1, age: 18}
 // arr = ['男', '1', '18'] // 所有的属性值取出来，保存在数组中

     function f(obj) {
           return Object.values(obj)
        }
        var arr = f(obj);
        console.log(arr)