JavaScript数组常用方法

总结一下JavaScript中一些常用的数组方法以及ES5新增的一些数组方法

push()

push的功能:在数组的尾部追加元素,可以一次追加多个,返回追加元素后的数组长度,原数组改变

var arr=[1,2,3,4,5,6];
var x=arr.push(22,44,55);
console.log(x);
console.log(arr);

JavaScript数组常用方法

pop()

pop的功能:从数组的尾部删除一个元素,不接受参数,返回删除的元素,原数组改变

    var arr=[1,2,3,4,5,6];
    var x=arr.pop();
    console.log(x);
    console.log(arr);

JavaScript数组常用方法

unshift()

unshift的功能:在数组的头部添加元素,可以一次性追加多个,返回追加元素后的数组长度,原数组改变

            var arr=[1,2,3,4,5,6];
            var x=arr.unshift(22,33);
            console.log(x);
            console.log(arr);

JavaScript数组常用方法

shift()

shift的功能:从数组的头部删除一个元素,不接受参数,返回删除的元素,原数组改变

var arr=[1,2,3,4,5,6];
var x=arr.shift();
console.log(x);
console.log(arr);

JavaScript数组常用方法

slice()

slice的功能:截取数组中的元素,返回截取的元素组成的新数组,原数组不变。
若没有参数:截取数组的全部元素
一个参数:返回从该参数表示的索引位开始到数组结束所截取的新数组
两个参数:返回从一个参数表示的索引位开始到第二个参数表示的索引位结束截取的新数组(不包括第二个参数对应索引位的值)

没有参数:

        var arr=[1,2,3,4,5,6];
        var x=arr.slice();
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

一个参数:

var arr=[1,2,3,4,5,6];
        var x=arr.slice(3);
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

两个参数:

var arr=[1,2,3,4,5,6];
        var x=arr.slice(2,5);
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

splice()

splice的功能:截取数组中的元素,返回截取的元素组成的新数组,原数组改变。
若没有参数:返回空数组

var arr=[1,2,3,4,5,6];
        var x=arr.splice();
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

若有一个参数:第一个参数表示截取开始位,直至数组结束

var arr=[1,2,3,4,5,6];
        var x=arr.splice(4);
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

若有两个参数:第一个参数表示截取开始位,第二个参数表示截取的长度

var arr=[1,2,3,4,5,6];
        var x=arr.splice(2,3);
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

三个及以上参数:从第三个参数开始,表示从截取开始位需要添加进数组的元素

var arr=[1,2,3,4,5,6];
        var x=arr.splice(2,3,89,78,22);
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

reverse()

reverse的功能:逆序,原数组改变

var arr=[1,2,3,4,5,6];
        var x=arr.reverse();
        console.log(x);
        console.log(arr);

JavaScript数组常用方法

sort()

sort的功能:对数组排序,参数是一个函数。

var arr=[1,2,3,4,5,6];
        arr.sort(function(a,b){
            //return后面的值,若是a-b,表示升序排列,若是b-a,则表示降序排列
            return b-a; 
        })
        console.log(arr);

JavaScript数组常用方法

join()

join的功能:连接数组中的元素,将数组转化成字符串

    var arr=[61,22,35,14,75,6];
        var str=arr.join("");
        console.log(str);

JavaScript数组常用方法

contact()

contact的功能:合并数组

    var arr1=[61,22,35,14,75,6];
        var arr2=[34,12,314,45,456,9];
        var arr=arr1.concat(arr2);
        console.log(arr);

JavaScript数组常用方法

ES5新增的数组方法:

indexOf()

indexOf的功能:返回某个元素在数组中的索引值,如果没有则返回-1;

    var arr1=[61,22,35,14,75,6];
        var num1=arr1.indexOf(35);
        console.log(num1);
        var num2=arr1.indexOf(98);
        console.log(num2);

JavaScript数组常用方法

forEach()

forEach的功能:用来遍历数组,最多接受三个参数
第一个参数表示数组中的元素,第二个参数表示索引,第三个参数返回原数组

        var arr1=[61,22,35,14,75,6];
        arr1.forEach(function(item,index,arr){
            console.log(item,index,arr);
        })

JavaScript数组常用方法

map()

map的功能:遍历数组
map和forEach的区别:map可以有返回值,forEach不可以有返回值

    var arr1=[61,22,35,14,75,6];
        var newArr=arr1.map(function(item,index){
            console.log(item,index);
            return item+1;
        })
        console.log(newArr);

JavaScript数组常用方法

filter()

filter的功能:过滤数组中的元素;

        var arr1=[61,22,35,14,75,6];
        var newArr=arr1.filter(function(item){
            return item>30;
        })
        console.log(newArr);

JavaScript数组常用方法

some()

some的功能:过滤数组中的元素,返回值为true,false,且只要有一个元素满足条件,就返回true。

var arr1=[61,22,35,14,75,6];
        var newArr=arr1.some(function(item){
            return item>30;
        })
        console.log(newArr);

JavaScript数组常用方法

every()

every的功能:过滤数组中的元素,返回值为true,false,且必须所有元素满足条件,才返回true。

        var arr1=[61,22,35,14,75,6];
        var newArr=arr1.every(function(item){
            return item>30;
        })
        console.log(newArr);

JavaScript数组常用方法

reduce()

reduce的功能:对数组中的元素进行求和。

    var arr1=[61,22,35,14,75,6];
        var newArr=arr1.reduce(function(a,b){
            return a+b;
        })
        console.log(newArr);

JavaScript数组常用方法

转载于:https://blog.51cto.com/14072794/2321785

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值