如何从数组中的对象访问值？

Question

How can I access Name's value and assign it to an variable?

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

Answer 1

Try this:

var [{Name: name}] = arr;

This uses ES6 destructuring assignment .

First, the outermost [] is a way of referring to an array on the right hand side (in this example, arr ). Things placed within these square brackets (here's there's only one) refer to the first, second, and succeeding values of that array. So here, the {Name: name} portion refers to the first (0th) element of the array. In other words, it is equivalent to

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

The inner {} is a way of referring to objects and picking them apart. {Name: name} says to find the Name property of the object being picked apart. Then the : name part says to rename it to name . Since all this is occurring in the context of a var statement, the result is declare a new variable with the name name and assign the value being picked out to it .

Here's the more detailed sequence:

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

Answer 2

Access the element at index 0 of array using bracket notation, then access property name Name of object using dot or bracket notation

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

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

Answer 3

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