美文网首页
菜鸡学ECMAScript5 数组对象

菜鸡学ECMAScript5 数组对象

作者: 菜鸡 | 来源:发表于2016-07-14 11:00 被阅读15次
    //数组直接量形式 创建数组 []
    var arr = [1, 2, 3, 4, 5];
    //.length 可以获取到数组的长度
    console.log(arr.length);
    
    //通过构造函数形式 创建数组 new Array ()
    //new Array(5) 代表创建的数组长度为5
    var arr = new Array(5);
    // 结果是5
    console.log(arr.length);
    
    //数组的读取、修改、添加、删除
    var ar = [1, 2, 3, 4, 5];
    //用下标读取数组的值,下标从0开始   数组名[下标] 
    console.log(ar[0]); // 1
    //用下标修改数组的值 数组名[下标] = ‘需要修改的数组值’
    ar[0] = 'hello';
    console.log(ar[0]); // hello
    //用下标添加数组的值 数组名[添加数组下表] = ‘添加数组值’
    ar[6] = 'world';
    console.log(ar[6]); //world
    //用下标删除数组的值 delete 数组名[需要删除的数组下标]
    delete ar[1];
    console.log(ar) //[ 'hello', , 3, 4, 5, , 'world' ]
    
    //数组的首尾添加删除方法 .push .pop .unshift .shift
    var p = ['b', 'c', 'd'];
    //数组名.push('数组尾部添加的值') 在数组末尾添加值
    p.push('a');
    console.log(p); //[ 'b', 'c', 'd', 'a' ]
    //数组名.pop() 弹出数组末尾的值
    p.pop();
    console.log(p); //[ 'b', 'c', 'd' ]
    
    //数组名.unshift(数组首添加值)
    p.unshift(1, 2, 3);
    console.log(p); //[ 1, 2, 3, 'b', 'c', 'd' ]
    //数组名.shift() 弹出数组首位的值
    p.shift();
    console.log(p);
    
    
    
    //通过for循环遍历下标连续的数组
    var larr = ['a', 'b', 'c', 'd', 'e'];
    var len = larr.length;
    for (var i = 0; i < len; i++) {
        console.log(larr[i]);
    };
    //通过for in 循环遍历
    var la = [1, 2, 3, 4, 5, 6, 7];
    for (var i in la) {
        console.log(la[i])
    };
    //通过forEach 循环遍历
    var forarr = ['marshll', 'mesa', 'fender'];
    forarr.forEach(function(x) {
        console.log(x);
    })
    
    //自定义函数用forEach方法遍历
    function Testarr(element, index, array) {
        console.log('数组为:' + array);
        console.log('索引:' + index + '值' + element);
    };
    forarr.forEach(Testarr);
    
    
    //.join('分隔符') 指定分隔符分隔数组
    var y = ['aa', 'bb', 'cc'];
    var w = y.join('-');
    console.log(w); //aa-bb-cc
    //.reverse() 反转数组
    var f = y.reverse();
    console.log(f); //[ 'cc', 'bb', 'aa' ]
    //.sort() 排序
    var s = [1, 4, 3, 2, 5];
    var ss = s.sort();
    console.log(ss);
    //数组名.concat(添加的值) 组成新数组
    var c = s.concat(6, 7, 8, 9);
    console.log(c); //[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
    
    //数组名.slice(起始值,终止值) 获取数组中一段数值
    var e = [1, 2, 3, 4, 5, 6, 7, 8];
    var sli = e.slice(2, -3);
    console.log(sli);
    
    //数组名.splice(起始值,终止值,’替换值‘)  从数组中取出数值用替换值补上
    var h = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
    var sp = h.splice(0, 3, '!', 'b', 'c', 'd');
    console.log(h);

    相关文章

      网友评论

          本文标题:菜鸡学ECMAScript5 数组对象

          本文链接:https://www.haomeiwen.com/subject/lulljttx.html