在实例中掌握数组的各类方法！

最新推荐文章于 2024-03-21 21:56:02 发布

小猫爱摸鱼

最新推荐文章于 2024-03-21 21:56:02 发布

阅读量100

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/wsh20210301/article/details/115575563

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

数组

概念：可以存放多个数据，并且有序排列
查找数组中的数据：
    数组名[下标]
    数组名[下标] = 新值
          1.如果下标存在  则修改
          2.如果下标不存在  则新增

检测数组的长度

  数组名.length

判断是不是一个数组

    Array.isArray(数组名)

在这里插入图片描述

数组新增的方法

push()
    往数组的末尾添加一个或者多个元素
    每个要添加的元素之间用逗号隔开，并返回新的长度！
    
unshift()
    向数组的最前面添加一个或者多个元素
    每个元素用逗号隔开，，并返回新的长度！

在这里插入图片描述

数组的删除方法

pop()
    删除数组的最后一个元素
    没有参数
shift()
    删除数组的最前面一个元素

在这里插入图片描述

排序

reverse（）  没有参数   但是能够颠倒数组中的元素   改变原来的数组
arr.sort(function(a,b){
        return b-a;
})
传入一个函数   a-b 升序  如果是  b-a 为降序

在这里插入图片描述

索引

indexof()
    根据数组（元素）找下标，但是只会找到第一个
    如果找不到就 返回-1
lastindexof（）
    根据元素找下标，但是只会找最后一个

在这里插入图片描述

数组转换为字符串

toString（）  只是简单将数组转换为了字符串 但是中间有逗号分隔
join（）      不仅是可以将数组变成字符串而且可以改变中间的分隔字符

在这里插入图片描述

数组元素的操作

concat（）
    能将两个或者多个数组合并为一个新数组
slice(从哪个地方开始截取,截取到的地方)

在这里插入图片描述

splice(从哪儿开始,删除多少个)
    数组删除   删除任意的一个或者多个元素  影响原来的数组

在这里插入图片描述

参考代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 定义一个数组和一个字符串检测是否为数组
        var arr=[10,99,188,66,25]
        var str="you are a lucky guy!"
        在控制台显示布尔变量看看检测的结果
        console.log(Array.isArray(arr));//打印出true
        console.log(Array.isArray(str));//打印出false



        //定义一个原数组，打印出它的长度
        var arr=[10,99,188,66,25]
        console.log(arr);
        console.log(arr.length);
        // 新数组
        arr.push("晴天");
        console.log(arr);
        console.log(arr.length);

         //定义一个原数组，打印出它的长度
         var arr=[10,99,188,66,25]
        console.log(arr);
        console.log(arr.length);
        // 新数组
        arr.unshift("周杰伦");
        console.log(arr);
        console.log(arr.length);

         //定义一个原数组，打印出它的长度
         var arr=[10,99,188,66,25]
        console.log(arr);
        console.log(arr.length);
        // 新数组
        arr.pop();//括号里没有参数
        console.log(arr);
        console.log(arr.length);

         //定义一个原数组，打印出它的长度
         var arr=[10,99,188,66,25]
        console.log(arr);
        console.log(arr.length);
        // 新数组
        arr.shift();
        console.log(arr);
        console.log(arr.length);


        //定义一个原数组，打印出它的长度
        var arr=[10,99,188,66,25]
        console.log(arr);
        
        // 新数组
        arr.reverse();
        console.log(arr);
       

    //    根据子串找下标
    var arr=["中国","美国","韩国","法国","德国","英国"];
    var arr1=arr.indexOf("韩国");//返回韩国的下标2
    console.log(arr);
    console.log(arr1);

    //数组转换为字符串的两种方法
    //方法一：
    var arr=["中国","美国","韩国","法国","德国","英国"];
    var str=arr.toString();
    console.log(arr);
    console.log(str);
    //方法二:
    var arr=["中国","美国","韩国","法国","德国","英国"];
    var str=arr.join("$");//jion可以改变元素中间的连接符号
    console.log(arr);
    console.log(str);

    //两个或者多个数组相连接
    var arr=[10,99,188,66,25];
    var arr1=["中国","美国","韩国","法国","德国","英国"];
    console.log(arr);
    console.log(arr1);
    var arr3= arr.concat(arr1);
    console.log(arr3);

    // 数组的截取
    var arr=["晴天",123,"周杰伦","叶惠美",99,188,499];
    console.log(arr);
    var arr5=arr.slice(0,4);
    console.log(arr5);

    向数组数组中添加元素或者删除元素
    var arr=[1,2,3];
    console.log(arr);
    arr.splice(2,1,"中国");//表示从第三个元素开始删除一个元素，添加一个元素“中国”
    console.log(arr);
    </script>
</body>
</html>