KishB87 KishB87 - 7 months ago 27
Javascript Question

Accessing Key in Key/Value pair Javascript

How do you access the key-value of a key value pair in javascript?

The function ruleList is suppose to create an array that stores the string values for each localizedRuleNames in ruleResults? I can create an array that contains localizedRuleNames.

But how do I get the string value associated with localizedRuleNames?

// Iterate through the localizedRuleNames in ruleResults and
// return an array of their strings.
function ruleList(results) {
// Your code goes here!
ruleArray = [];
for (var i in psinsights.formattedResults.ruleResults){
//console.log(i);
for (var j in psinsights.formattedResults.ruleResults[i]){
// console.log(j);
ruleArray.push(j);
}
}
console.log(ruleArray);
return ruleArray;
}

// Iterate through pageStats in the ps` iResults object and
// return the total number of bytes to load the website.
function totalBytes(results) {
// Your code goes here!
}

// Below, you'll find a sample PS Insights JSON
// and two console.log statements to help you test your code!

psinsights = {
"kind": "pagespeedonline#result",
"id": "/speed/pagespeed",
"responseCode": 200,
"title": "PageSpeed Home",
"score": 90,
"pageStats": {
"numberResources": 22,
"numberHosts": 7,
"totalRequestBytes": "2761",
"numberStaticResources": 16,
"htmlResponseBytes": "91981",
"cssResponseBytes": "37728",
"imageResponseBytes": "13909",
"javascriptResponseBytes": "247214",
"otherResponseBytes": "8804",
"numberJsResources": 6,
"numberCssResources": 2
},
"formattedResults": {
"locale": "en_US",
"ruleResults": {
"AvoidBadRequests": {
"localizedRuleName": "Avoid bad requests",
"ruleImpact": 0.0
},
"MinifyJavaScript": {
"localizedRuleName": "Minify JavaScript",
"ruleImpact": 0.1417,
"urlBlocks": [
{
"header": {
"format": "Minifying the following JavaScript resources could reduce their size by $1 ($2% reduction).",
"args": [
{
"type": "BYTES",
"value": "1.3KiB"
},
{
"type": "INT_LITERAL",
"value": "0"
}
]
},
"urls": [
{
"result": {
"format": "Minifying $1 could save $2 ($3% reduction).",
"args": [
{
"type": "URL",
"value": "http://code.google.com/js/codesite_tail.pack.04102009.js"
},
{
"type": "BYTES",
"value": "717B"
},
{
"type": "INT_LITERAL",
"value": "1"
}
]
}
},
{
"result": {
"format": "Minifying $1 could save $2 ($3% reduction).",
"args": [
{
"type": "URL",
"value": "http://www.gmodules.com/ig/proxy?url\u003dhttp%3A%2F%2Fjqueryjs.googlecode.com%2Ffiles%2Fjquery-1.2.6.min.js"
},
{
"type": "BYTES",
"value": "258B"
},
{
"type": "INT_LITERAL",
"value": "0"
}
]
}
}
]
}
]
},
"SpriteImages": {
"localizedRuleName": "Combine images into CSS sprites",
"ruleImpact": 0.0
}
}
},
"version": {
"major": 1,
"minor": 11
}
};

// Try logging the outputs below to test your code!
console.log(ruleList(psinsights));
console.log(totalBytes(psinsights));

Answer

Change:

ruleArray.push(j);

To:

ruleArray.push(psinsights.formattedResults.ruleResults[i][j]);