Как получить доступ к значению из объекта в массиве?

Question

Как получить доступ к значению имени и присвоить его переменной?

var arr = [ 
    {Name: "Jason", 
    Title: "Student", 
    Image: "asdf", 
    Status: "Happy"} 
]; 

Answer 1

доступ к элементу по индексу 0 массива с помощью квадратных скобок, а затем получить доступ к имени свойства Name объекта с помощью точки или квадратных скобок

var arr = [ 
    {Name: "Jason", 
    Title: "Student", 
    Image: "asdf", 
    Status: "Happy"} 
]; 

var name = arr[0].Name; // alternatively, `arr[0]["Name"]` 

Answer 2

var arr = [ 
    {Name: "Jason", 
    Title: "Student", 
    Image: "asdf", 
    Status: "Happy"} 
]; 
var myname = arr[0]['Name']; 
console.log(myname); 

Answer 3

Тест:

var [{Name: name}] = arr; 

Используется ES6 destructuring assignment.

Во-первых, внешний [] - это способ обращения к массиву с правой стороны (в этом примере arr). Вещи, помещенные в эти квадратные скобки (здесь есть только один), относятся к первому, второму и следующему значению этого массива. Итак, здесь часть {Name: name} относится к первому (0-му) элементу массива. Другими словами, это эквивалентно

var {Name: name} = arr[0]; 

Внутренний {} является способ обращения к объектам и собирание их друг от друга. {Name: name} говорит, чтобы найти свойство Name выбранного объекта. Затем часть : name говорит, чтобы переименовать ее в name. Так как все это происходит в контексте оператора var, результат объявляет новую переменную с именем name и присваивает значение, выделенное ему.

Вот более подробная последовательность:

var   // Start a variable declaration 
    [   // Pick apart an array on the RHS, starting with 1st element 
    {   // Pick apart an object 
     Name  // Find the property named `Name` in that object 
     :name // Rename it; this is the variable that will be declared! 
    }   // Done picking apart the object 
    ]   // Done picking apart the array 
    = arr;  // Specify the thing to deconstruct