关于js常用数组的方法

Posted qinghui258

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js常用数组的方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>看见</title>
    </head>
    <body>
    </body>
</html>
<script>
                            /////////////
                            // 数组的常用方法 //
                            /////////////
    //1. length属性,获得数组有元素个数
    var arr = [勇士队,湖人队,骑士队];
    var a = arr.length;//3
    console.log(a);
    

    // // concat:合并数组生成一个新数组  
    var basket = [勇士队,湖人队,骑士队];
    var football = [巴萨队,皇马队,曼联队];
    var new_arr = basket.concat(football);//["勇士队", "湖人队", "骑士队", "巴萨队", "皇马队", "曼联队"]
    console.log(new_arr);

    // //join():将数组的元素连接成一个字符串
    var basket = [勇士队,湖人队,骑士队];
    var result = basket.join(-);//勇士队-湖人队-骑士队
    console.log(result);

    // // push(),向数组的末尾添加元素
    // // pop(),把数组的最后一个元素删除
    var basket = [勇士队,湖人队,骑士队];
    //向数组中添加元素
    basket.push(尼克斯);//["勇士队", "湖人队", "骑士队", "尼克斯"]
    // basket.pop();//["勇士队", "湖人队"]
    console.log(basket);
    
    // shift(),删除第一个元素
    // unshift(),向数组的开头添加元素
    var basket = [勇士队,湖人队,骑士队];
    basket.shift();//["湖人队", "骑士队"]
    // basket.unshift(‘火箭队‘);//["火箭队", "勇士队", "湖人队", "骑士队"]
    console.log(basket);

    //reverse()颠倒数组的顺序
    var basket = [勇士队,湖人队,骑士队];
    basket.reverse();
    console.log(basket);//["骑士队", "湖人队", "勇士队"]
    
    //slice(start,end),截取数组的元素
    //参数1:开始索引的位置
    //参数2:结束索引的位置
    var basket = [勇士队,湖人队,骑士队];
    var new_basket = basket.slice(0,1);//勇士队
    console.log(new_basket);

    // splice(startIndex,deleteCount,[values])
    // 删除数组的元素
    // 参数1:开始的索引位置
    // 参数2:删除的元素个数
    // 参数3:可选,如果有参数3,表示使用参数3的值代替删除的内容
    // 返回值:删除的内容
    var basket = [勇士队,湖人队,骑士队];
    var new_basket = basket.splice(0,2,我是替补);
    console.log(basket);//["我是替补", "骑士队"]
    console.log(new_basket);//删除的内容
    
    //toString()  将数组转换成字符串
    var basket = [勇士队,湖人队,骑士队];
    var result = basket.toString();
    console.log(result);//勇士队,湖人队,骑士队

</script>

 

以上是关于关于js常用数组的方法的主要内容,如果未能解决你的问题,请参考以下文章

关于js----------------分享前端开发常用代码片段

JS常用代码片段-127个常用罗列-值得收藏

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

关于js常用数组的方法

js中关于array的常用方法