Как получить доступ к определенным свойствам в нескольких объектах с помощью JS

Question

Как получить доступ к определенным свойствам в нескольких объектах с помощью JS

0

Вот мой объект:

$scope.info = [];
$scope.info = [{"name":"kanye","size":"","folder":"Folder"},{"name":"west","size":"","folder":"Folder"}]
$scope.infoObj = $scope.info.name;
console.log($scope.infoObj);

Это вернет мне Неопределенный. Ответ должен быть следующим:

[{"name":kanye},{"name":west}]

Но как получить доступ к конкретным свойствам из нескольких объектов с помощью angularJS или jquery/js?

Amboom 21 апр. 2016, в 05:57

Источник

1

Обратите внимание, что [] означает Array , к которому обычно обращаются такие вещи, как [0] , поэтому, возможно, вам следует попробовать $scope.info[0].name
adeneo 21 апр. 2016, в 03:03
0

Я уже пробовал, но показывало только значение из info [0] .name. Пример: {"name": kanye}.
Amboom 21 апр. 2016, в 03:09
0

Консоль должна вывести kanye как это имя первого объекта, который находится в позиции [0] в массиве. Чтобы получить второй, вы должны сделать $scope.info[1].name и т. Д.
adeneo 21 апр. 2016, в 03:13

Показать ещё 1 комментарий

Теги:

javascript

angularjs

object

arrays

properties

2 ответа

3

Это должно решить проблему:

$scope.infoObj = $scope.info.map(function(obj){ 
  var x = {}; 
  x['name'] = obj['name']; 
  return x;
})

для ES6 можно упростить:

$scope.infoObj = $scope.info.map(x => ({name:x['name']}))

ryan 21 апр. 2016, в 00:56

0

или $scope.info.map(obj=>({name: obj.name});
Juan Mendes 21 апр. 2016, в 03:26
0

Рад видеть, что вы исправили синтаксическую ошибку Хуана. ;-)
RobG 21 апр. 2016, в 03:35

Ещё вопросы

Обратите внимание, что [] означает Array , к которому обычно обращаются такие вещи, как [0] , поэтому, возможно, вам следует попробовать $scope.info[0].name
Я уже пробовал, но показывало только значение из info [0] .name. Пример: {"name": kanye}.
Консоль должна вывести kanye как это имя первого объекта, который находится в позиции [0] в массиве. Чтобы получить второй, вы должны сделать $scope.info[1].name и т. Д.
Рад видеть, что вы исправили синтаксическую ошибку Хуана. ;-)

smaili · Accepted Answer · 2016-04-21T02-08-00.000Z

Вы можете сделать немного рефакторинга, чтобы сделать ваш код немного более чистым и читаемым. Вместо того, чтобы дважды установить значение своей info, установите его один раз и добавьте объекты в каждую строку после.

Как это:

$scope.info = [];
$scope.info.push({
  "name":"kanye",
  "size":"",
  "folder":"Folder"
});
$scope.info.push({
  "name":"west",
  "size":"",
  "folder":"Folder"
});

Посмотрите, насколько это чисто? Теперь должно быть достаточно очевидно, что info - это массив объектов, поэтому $scope.info.name не будет работать. Я бы рекомендовал создать функцию поиска, которая поможет захватить список на основе ключа, который вы ему предоставляете.

Что-то вроде этого:

function lookup(key) {
  var result = [];
  for (var i = 0; i < $scope.info.length; i++) {
    var object = {};
    object[key] = $scope.info[i][key];
    result.push(object);
  }
  return result;
}

И затем назовите это так:

$scope.infoObj = lookup('name');
console.log($scope.infoObj);