ECMAScript5中新增的Array方法实例详解(2/4)

本篇文章主要介绍了"ECMAScript5中新增的Array方法实例详解"，主要涉及到script,array方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。（注意兼容性）在ES5中，一共有9个Array方法：...

var arr = [1, 2, 3, 4, 5, 6, 7, 8];
// 使用for循环for (var i = 0, l = arr.length; i < l; i++) {
    console.log(arr[i]);
}

// 使用forEach循环arr.forEach(function(item, index) {
    console.log(item);
});

4、map()

map()对数组的每个元素进行一定操作（映射）后，会返回一个新的数组。

var oldArr = [{first_name: "Colin",last_name: "Toh"}, {first_name: "Addy",last_name: "Osmani"}, {first_name: "Yehuda",last_name: "Katz"}];
function getNewArr() {

    var newArr = [];

    for (var i = 0; i < oldArr.length; i++) {
        var item = oldArr[i];
        item.full_name = [item.first_name, item.last_name].join(" ");
        newArr[i] = item;
    }

    return newArr;
}
var personName = getNewArr();
personName.forEach(function(item, index) {
    console.log(item);
})

/****输出结果：
Object {first_name: "Colin", last_name: "Toh", full_name: "Colin Toh"}
Object {first_name: "Addy", last_name: "Osmani", full_name: "Addy Osmani"}
Object {first_name: "Yehuda", last_name: "Katz", full_name: "Yehuda Katz"}
****/

使用map()方法：