Как извлечь объект из другого объекта? - PullRequest
Новая
       1

Как извлечь объект из другого объекта?

1 голос
/ 05 марта 2019

У меня есть этот массив объектов, и я пытаюсь создать из него еще один объект.У меня уже есть решение, но я думаю, что может быть более короткий способ сделать то, что я делаю.Кто-нибудь знает, как сделать этот код короче или другим способом, используя lodash или чистый javascript?Заранее большое спасибо! 

{
 firstName: Mike,
 lastName : Brown
}

Пока мой код работает и выглядит так: 

let response =     [
     {
	 "Name": "hobby",
	 "Value": "poker"
    }, 
    {
	 "Name": "privacy_id",
	 "Value": "1112"
    }, {
	 "Name": "given_name",
	 "Value": "Mike"
    }, 
    {
	 "Name": "family_name",
	 "Value": "Brown"
    }, 
    {
	 "Name": "email",
	 "Value": "test@email.com"
    }
 ]
 
 const newObj = {};
 _.forEach(response, function(obj) {
       if(obj.Name === 'given_name') { newObj.firstName = obj.Value}
       if(obj.Name === 'family_name'){ newObj.lastName = obj.Value}
  });
  
  console.log(newObj);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

Ответы [ 2 ]

1 голос
/ 05 марта 2019

Если вы уверены, что response содержит как объект с ключом given_name, так и объект с ключом family_name, вы можете написать так: 

const newObj = {
    'given_name': response.filter(el => el.Name ==='given_name')[0].Value,
    'family_name': response.filter(el => el.Name ==='family_name')[0].Value,
}

Есть скрипка:

let response =     [
     {
	 "Name": "hobby",
	 "Value": "poker"
    }, 
    {
	 "Name": "privacy_id",
	 "Value": "1112"
    }, {
	 "Name": "given_name",
	 "Value": "Mike"
    }, 
    {
	 "Name": "family_name",
	 "Value": "Brown"
    }, 
    {
	 "Name": "email",
	 "Value": "test@email.com"
    }
 ]
 
 const newObj = {
    'given_name': response.filter(el => el.Name ==='given_name')[0].Value,
    'family_name': response.filter(el => el.Name ==='family_name')[0].Value,
 }
  
 console.log(newObj);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
1 голос
/ 05 марта 2019

Это хороший вариант использования для Array.prototype.reduce , поскольку вы хотите преобразовать массив во что-то, что является объектом в вашем случае: 

const newObj = response.reduce((acc, curr) => {
  acc[curr.Name] = curr.Value;
  return acc;
}, {});

Этопреобразовал бы: 

const response = [
  {
    'Name': 'given_name',
    'Value': 'Mike'
  },
  {
    'Name': 'family_name',
    'Value': 'Brown'
  }
]

в: 

{
  'given_name': 'Mike',
  'family_name': 'Brown'
}

Теперь, если вы хотите изменить наименование ключа, вы можете использовать какое-то отображение: 

const NameMapping = {
  given_name: 'firstName',
  family_name: 'lastName'
};

const response = [
  {
    'Name': 'given_name',
    'Value': 'Mike'
  },
  {
    'Name': 'family_name',
    'Value': 'Brown'
  }
]

const newObj = response.reduce((acc, curr) => {
  if (NameMapping[curr.Name] === undefined)
    return acc;

  acc[NameMapping[curr.Name]] = curr.Value;
  return acc;
}, {});

Итак, ваш newObj будет выглядеть так: 

{
  firstName: 'Mike',
  familyName: 'Brown'
}
...