數組相關基礎知識

filter() 返回數組中的滿足回調函數中指定的條件的元素。

array1.filter(callbackfn[, thisArg])

對數組array1中的每個元素調用回調函數callbackfn方法，該方法會返回一個在回調函數中返回true的元素的新的集合。可選參數thisArg可以替換回調函數中的this對象

https://technet.microsoft.com/zh-cn/ff679973

sort()  用於對數組的元素進行排序。預設是按字母順序。

//按照數值大小排序
<script type="text/javascript">
function sortNumber(a,b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>

forEach() 迴圈遍歷

Firefox 和Chrome 的Array 類型都有forEach的函數，IE中Array 沒有這個方法，無法正常工作

http://blog.csdn.net/oscar999/article/details/8671546

二維數組

aqiData[0][0]="北京"
aqiData[0][1]="90"

    var aqiData = [
        ["北京", 90],
        ["上海", 50],
        ["福州", 10],
        ["廣州", 50],
        ["成都", 90],
        ["西安", 100]
    ];

    (function () {

        /*
         遍歷讀取aqiData中各個城市的數據
         將空氣質量指數大於60的城市顯示到aqi-list的列表中
         */

        var str="";
        var pos=["一","二","三","四","五","六"];
        var outputData=aqiData.filter(function(value){
            return value[1]>60;
        }).sort(function(a,b){
            return b[1]-a[1];
        });
        outputData.forEach(function(value,index){
            str+="<li>第"+pos[index]+"名："+value[0]+"，"+value[1]+"</li>";
        });//value代表數組索引，value[1]，代表數組索引第二列，value[0]代表數組索引第一列
        document.getElementById("aqi-list").innerHTML=str;

    })();