You can use the map() function or loop over them to either get the key and value from the JSON array object in JavaScript.
Get key and value from JSON array object in JavaScript
Simple example code using a map.
<!DOCTYPE html>
<html>
<head>
<script>
let arr = [
{name: "AAA", age: 10},
{name: "BBB", age: 20},
{name: "CCC", age: 30}
]
let res = arr.map(function(elem){
return elem.name +" "+ elem.age; }).join(",");
console.log(res)
</script>
</head>
</html>
Output:
Using loop
JSON content is basically represented as an associative array in JavaScript. Just use for-loop over them to either read the key or the value.
<script>
var JSON_Obj = { "one":1, "two":2, "three":3, "four":4, "five":5 };
// Read key
for (var key in JSON_Obj) {
console.log(key);
console.log(JSON_Obj[key]);
}
</script>Output:
Do comment if you have any doubts or suggestions on this JS array topic.
Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version