如何从一个对象数组中获取值到另一个对象数组中

Question

我想从一个带有键和值的 object 数组中获取值，并将值放入另一个具有相同键的对象数组中。

const array1 = [{
                key1: 7,
                key2: 1,
                key3: 37,
               }];

const array2 = [
  {
      title: 'Some Title 1',
      key: 'key1',
      number: '',
      icon: require('../../assets/some2.png')
  },
  {
      title: 'Some Title 2',
      key: 'key2',
      number: '',
      icon: require('../../assets/some1.png')
  },
  {
      title: 'Some Title 3',
      key: 'key3',
      number: '',
      icon: require('../../assets/some3.png')
  },
];

我尝试使用 Object.keys 从 array1 object 获取所有密钥。

const keys = Object.keys(obj);

      keys.map((key) => {
      if (array2[key] === key) {
         // console.log('card detail matching');
         // add to the array 2 with value 
        }
      })

但过了一点它就没有意义了。

预期数组

const resultArray = [
  {
      title: 'Some Title 1',
      key: 'key1',
      number: 7,
      icon: require('../../assets/some2.png')
  },
  {
      title: 'Some Title 2',
      key: 'key2',
      number: 1,
      icon: require('../../assets/some1.png')
  },
  {
      title: 'Some Title 3',
      key: 'key3',
      number: 37,
      icon: require('../../assets/some3.png')
  }
]

我希望 output 是键的值，将在“数字”键的 array2 中输入。

Answer 1

您可以通过将key作为密钥的访问器来 map 一个新数组。

 const array1 = [{ key1: 7, key2: 1, key3: 37 }], array2 = [{ title: 'Some Title 1', key: 'key1', number: '', icon: '../../assets/some2.png' }, { title: 'Some Title 2', key: 'key2', number: '', icon: '../../assets/some1.png' }, { title: 'Some Title 3', key: 'key3', number: '', icon:'../../assets/some3.png' }], result = array2.map(o => Object.assign({}, o, { number: array1[0][o.key] })); console.log(result);

Answer 2

下面的代码可以帮助你： -

const array1 = {
                key1: 7,
                key2: 1,
                key3: 37,
               };

const array2 = [
  {
      title: 'Some Title 1',
      key: 'key1',
      number: '',
      icon: require('../../assets/some2.png')
  },
  {
      title: 'Some Title 2',
      key: 'key2',
      number: '',
      icon: require('../../assets/some1.png')
  },
  {
      title: 'Some Title 3',
      key: 'key3',
      number: '',
      icon: require('../../assets/some3.png')
  },
];

array2.forEach(item=>{
  item.number=array1[item.key]
})

Answer 3

您可以从 array2 遍历每个 object 并添加从 array1 获取的数值

 const array1 = [{ key1: 7, key2: 1, key3: 37, }]; const array2 = [ { title: 'Some Title 1', key: 'key1', number: '', icon: '../../assets/some2.png' }, { title: 'Some Title 2', key: 'key2', number: '', icon: '../../assets/some1.png' }, { title: 'Some Title 3', key: 'key3', number: '', icon: '../../assets/some3.png' }, ]; array2.forEach(e => e.number = array1[0][e.key]); console.log(array2)

Answer 4

 const array1 = [{ key1: 7, key2: 1, }]; const array2 = [ { title: 'Some Title 1', key: 'key1', number: '', icon: '../../assets/some2.png' }, { title: 'Some Title 2', key: 'key2', number: '', icon: '../../assets/some1.png' }, { title: 'Some Title 3', key: 'key3', number: '', icon: '../../assets/some3.png' }, ]; const resultArray = array2.filter(item => array1[0][item.key]); console.log(resultArray);

您可以过滤以获得结果。

Answer 5

这应该适合你。

 const keys = [ { key1: 7, key2: 1, key3: 37, }, { key4: 7, key5: 1, key6: 37, } ]; const array2 = [ { title: 'Some Title 1', key: 'key4', number: '' }, { title: 'Some Title 2', key: 'key2', number: '' }, { title: 'Some Title 3', key: 'key3', number: '' } ]; function populateArrayData (arr, propToCompare, propToReplace, keysObj) { let populatedArray = []; if (Array.isArray(arr)) { populatedArray = arr.map((item) => { if (checkIfKeyExists(item[propToCompare], keysObj)) { item[propToReplace] = keysObj[item[propToCompare]]; } return item; }); } return populatedArray; } function flattenAllKeys (keys) { let flattenedKeysObj = {}; if (Array.isArray(keys)) { flattenedKeysObj = keys.reduce((acc, keysObj) => { acc = {...acc, ...keysObj}; return acc; }, {}); } return flattenedKeysObj; } function checkIfKeyExists(key, keysObj) { return (keysObj[key];== undefined && keysObj[key];== null). } let flattenedKeys = flattenAllKeys(keys), console,log(populateArrayData(array2, 'key'; 'number', flattenedKeys));