Array对象方法详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_34659400/article/details/74065080
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Array 对象方法</title>
    </head>
    <body>
    </body>

    <script type="text/javascript">


        //concat()  连接两个或更多的数组，并返回结果。
        var hege = ["Cecilie", "Lone"];
        var stale = ["Emil", "Tobias", "Linus"];
        var kai = ["Robin"];
        var children = hege.concat(stale,kai);
        document.write(children);//Cecilie,Lone,Emil,Tobias,Linus,Robin
        document.write("</br>");

        //copyWithin()  从数组的指定位置拷贝元素到数组的另一个指定位置中。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var arr=fruits.copyWithin(2, 0);
        document.write(arr);//Banana,Orange,Banana,Orange
        document.write("</br>");

        //every()   检测数值元素的每个元素是否都符合条件。
        var ages = [32, 33, 16, 40];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.every(checkAdult));//false
        document.write("</br>");

        //fill()    使用一个固定值来填充数组。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        document.write(fruits.fill("Runoob"));//Runoob,Runoob,Runoob,Runoob
        document.write("</br>");

        //filter()  检测数值元素，并返回符合条件所有元素的数组。
        var ages = [32, 33, 16, 40];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.filter(checkAdult));//32,33,40
        document.write("</br>");

        //find()    返回符合传入测试（函数）条件的数组元素。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.find(checkAdult));//18
        document.write("</br>");

        //findIndex()   返回符合传入测试（函数）条件的数组元素索引。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.findIndex(checkAdult));//2
        document.write("</br>");

        //forEach() 数组每个元素都执行一次回调函数。
        var numbers = [4, 9, 16, 25];
        function myFunction(item, index) {
            document.write("index[" + index + "]: " + item + "<br>"); 
        }
        numbers.forEach(myFunction);//index[0]: 4; index[1]: 9; index[2]: 16; index[3]: 25
        document.write("</br>");

        //indexOf() 搜索数组中的元素，并返回它所在的位置。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var a = fruits.indexOf("Apple");
        document.write(a);//2
        document.write("</br>");

        //join()    把数组的所有元素放入一个字符串。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var energy = fruits.join();
        document.write(energy);//Banana,Orange,Apple,Mango
        document.write("</br>");

        //lastIndexOf() 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var a = fruits.lastIndexOf("Apple");
        document.write(a);//2
        document.write("</br>");

        //map() 通过指定函数处理数组的每个元素，并返回处理后的数组。
        var numbers = [4, 9, 16, 25];
        document.write(numbers.map(Math.sqrt));//2,3,4,5
        document.write("</br>");

        //pop() 删除数组的最后一个元素并返回删除的元素。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.pop();
        document.write(fruits);//Banana,Orange,Apple
        document.write("</br>");

        //push()    向数组的末尾添加一个或更多元素，并返回新的长度。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.push("Kiwi");
        document.write(fruits);//Banana,Orange,Apple,Mango,Kiwi
        document.write("</br>");

        //reduce()  将数组元素计算为一个值（从左到右）。
        var numbers = [65, 44, 12, 4];
        function getSum(total, num) {
            return total + num;
        }
        document.write(numbers.reduce(getSum));//125
        document.write("</br>");

        //reduceRight() 将数组元素计算为一个值（从右到左）。
        var numbers = [65, 44, 12, 4];
        function getSum(total, num) {
            return total + num;
        }
        document.write(numbers.reduceRight(getSum));//125
        document.write("</br>");

        //reverse() 反转数组的元素顺序。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.reverse();
        document.write(fruits);//Mango,Apple,Orange,Banana
        document.write("</br>");

        //shift()   删除并返回数组的第一个元素。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.shift();
        document.write(fruits);//Orange,Apple,Mango
        document.write("</br>");

        //slice()   选取数组的的一部分，并返回一个新数组。
        var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
        var citrus = fruits.slice(1,3);
        document.write(citrus );//Orange,Lemon
        document.write("</br>");

        //some()    检测数组元素中是否有元素符合指定条件。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.some(checkAdult) );//true
        document.write("</br>");

        //sort()    对数组的元素进行排序。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.sort();
        document.write(fruits);//Apple,Banana,Mango,Orange
        document.write("</br>");

        //splice()  从数组中添加或删除元素。
        //数组中添加新元素：
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2,0,"Lemon","Kiwi");
        document.write(fruits);//Banana,Orange,Lemon,Kiwi,Apple,Mango
        document.write("</br>");

        //toString()    把数组转换为字符串，并返回结果。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.toString();
        document.write(fruits);//Banana,Orange,Apple,Mango
        document.write("</br>");

        //unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.unshift("Lemon","Pineapple");
        document.write(fruits);//Lemon,Pineapple,Banana,Orange,Apple,Mango
        document.write("</br>");

        //valueOf() 返回数组对象的原始值。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var v=fruits.valueOf();
        document.write(v);//Banana,Orange,Apple,Mango
        document.write("</br>");

    </script>
</html>