JS how does a json object traverse the value of each?

clipboard.png
what should I do now to get the name value inside?

Html5 html php javascript
Mar.01,2021

first of all, your structure should be more appropriate as an array: 

var data = [
  {name: 'asdfadfa'},
  {name: 'asdfadfa'},
  {name: 'asdfadfa'},
  {name: 'asdfadfa'},
  {name: 'asdfadfa'},
  {name: 'asdfadfa'}
];

then follow the structure you give, and traverse it like this: 

for(let i in data) {
  console.log(data[i].name);
}

if you change it to an array, traverse it like this: 

for(let obj of data) {
  console.log(obj.name);
}

for more group and object traversal methods, search for "js traversal array" and "js traversal object".

convert to an array with Object.keys 

Object.keys(data).map(key => {
    console.log(data.key.name);
})

using ES6 syntax, one line can be solved: 

var data = {
  1:{name: 'asdfadfa'},
  2:{name: 'asdfadfa'},
  3:{name: 'asdfadfa'},
  4:{name: 'asdfadfa'},
  5:{name: 'asdfadfa'},
  6:{name: 'asdfadfa'}
}

Object.values(data).map(x => x.name)

clipboard.png

although arrays should be used in this data structure, if you want to traverse such objects, you can use:
var data = {
0: {name: 'asdfadfa'},
1: {name:' asdfadfa'},
2: {name: 'asdfadfa'},
3: {name:' asdfadfa'},
4: {name: 'asdfadfa'},
5: {name:' asdfadfa'}
};

data.length = 6;

Array.prototype.slice.call (data) .map (val = > val.name)

var data = {

    1 : {name: 'qweqweqwe'},
    2 : {name: 'qweqweqwe'},
    3 : {name: 'qweqweqwe'},
    4 : {name: 'qweqweqwe'}
  }

  for(let i in data){
    console.log(data[i].name)
  }
The object.values method of

es6, which is converted directly to an array

Previous: Do you define local variables in the scriptlet tag <%% >?

Next: Jqgrid sorts numbers as strings.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu