JavaScript——常见数组方法1详解

111 阅读1分钟

这是我参与更文挑战的第5天,活动详情查看: 更文挑战

栈和队列方法

栈和队列方法用来增加和删除数组元素

方法如下:
push()     将一个或多个元素添加到数组的末尾,并返回数组的长度
unshift()  将一个或多个元素添加到数组的开头,并返回数组的长度
pop()      从数组的末尾移出并返回一个元素,若数组是空数组则返回undefined
shift()    从数组的开头移出并返回一个元素,若数组是空数组则返回undefined

下面我们来看具体实例

<script>
        //这里给大家说一个小技巧,name是window的一个属性,所以大家尽量不要用name来作为变量名。
        var arr = ["Tom","Maria"];
        //添加元素到末尾
        arr.push("Jack");
        //添加元素到开头
        arr.unshift("KangKang");
        for(var i in arr){
            console.log(arr[i]);
        }
        console.log(arr.length);
    </script>

image.png

<script>
        //这里给大家说一个小技巧,name是window的一个属性,所以大家尽量不要用name来作为变量名。
        var arr = ["Tom","Maria"];
        //添加元素到末尾
        arr.push("Jack");
        //添加元素到开头
        arr.unshift("KangKang");
        //删除末尾元素
        arr.pop();
        //删除开头元素
        arr.shift();
        for(var i in arr){
            console.log(arr[i]);
        }
        console.log(arr.length);
    </script>

image.png

检索方法

includes()        确定数组中是否含有某个元素,含有返回true,否则返回false
Array.isArray()   确定传递的值是不是Array,是返回true,否则返回false
indexOf()         返回数组中含有传递值的第一次出现的索引,如果不存在返回-1
lastIndexOf()     返回数组中含有传递值的最后一次出现的索引,如果不存在返回-1
<script>
        var arr = ["I","LOVE","JS"];
        //数组中是否含有传递的数值,存在返回true,否则返回false
        console.log(arr.includes("I"));
        //判断传入的是不是一个Array,是返回true,否则返回false
        console.log(Array.isArray(arr));
        //返回传入的值第一次出现的索引,如果不存在返回-1
        console.log(arr.indexOf("LOVE"));
        console.log(arr.indexOf("JavaScript"));
        //返回传入的值最后一次出现的索引,如果不存在返回-1
        console.log(arr.lastIndexOf("I"));
        console.log(arr.lastIndexOf("WE"));
    </script>

image.png