数组的方法总结

最新推荐文章于 2024-07-29 22:30:39 发布

elcc-

最新推荐文章于 2024-07-29 22:30:39 发布

阅读量46

点赞数

文章标签： javascript

原文链接：https://www.runoob.com

版权

方法总结：

代码案例总结：

方法总结：

concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。

代码案例总结：

concat() 连接两个或更多的数组，并返回结果。

<script>
        var a = ["cc", "xx"];
        var b = ["dd", "ss", "dhu"];
        var c = a.concat(b);
        document.write(c);  //  cc,xx,dd,ss,dhu
</script>

copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。

<script>
        var fruits = ["vvv", "sss", "ccc", "ssss"];
        fruits.copyWithin(2, 0);
        document.write(fruits)  //  vvv,sss,vvv,sss
</script>

entries() 返回数组的可迭代对象。

<body>
    <p id="demo1"></p>
    <p id="demo2"></p>
    <p id="demo3"></p>
    <script>
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var x = fruits.entries();

        document.getElementById("demo1").innerHTML = x.next().value;    //0,Banana
        document.getElementById("demo2").innerHTML = x.next().value;    //1,Orange
        document.getElementById("demo3").innerHTML = x.next().value;    //2,Apple
    </script>
</body>

every() 检测数值元素的每个元素是否都符合条件。

<script>
        var ages = [32, 33, 16, 40];

        function checkAdult(age) {
            return age >= 18;
        }
        console.log(ages.every(checkAdult)) //  false
</script>

fill() 使用一个固定值来填充数组。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.fill("Runoob");
    document.write(fruits)  //  Runoob,Runoob,Runoob,Runoob
</script>

filter() 检测数值元素，并返回符合条件所有元素的数组。

<script>
    var ages = [32, 33, 16, 40];

    function checkAdult(age) {
        return age >= 18;
    }
    console.log(ages.filter(checkAdult))    //  [32, 33, 40]
</script>

forEach() 数组每个元素都执行一次回调函数。

<script>
    var arr = [1, 2, 3, 4];
    arr.forEach(function (item, index) {
        console.log(item);
    });
    // 1
    // 2
    // 3
    // 4
</script>

indexOf() 搜索数组中的元素，并返回它所在的位置。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var a = fruits.indexOf("Apple");
    console.log(a)  //  2
</script>

isArray() 判断对象是否为数组。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    console.log(Array.isArray(fruits))  //  true
</script>

join() 把数组的所有元素放入一个字符串。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var energy = fruits.join();
    console.log(energy) //  Banana,Orange,Apple,Mango
</script>

keys() 返回数组的可迭代对象，包含原始数组的键(key)。

<body>
    <p id="demo1"></p>
    <p id="demo2"></p>
    <p id="demo3"></p>
    <script>
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var x = fruits.keys();
        document.getElementById("demo1").innerHTML = x.next().value;    //  0
        document.getElementById("demo2").innerHTML = x.next().value;    //  1
        document.getElementById("demo3").innerHTML = x.next().value;    //  2
    </script>
</body>

lastIndexOf() 搜索数组中的元素，并返回它最后出现的位置。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var a = fruits.lastIndexOf("Apple");
    console.log(a)  //  2
</script>

map() 通过指定函数处理数组的每个元素，并返回处理后的数组。

<script>
    var numbers = [4, 9, 16, 25];
    console.log(numbers.map(Math.sqrt)) //  [2, 3, 4, 5]
</script>

pop() 删除数组的最后一个元素并返回删除的元素。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.pop();
    console.log(fruits) //  ['Banana', 'Orange', 'Apple']
</script>

push() 向数组的末尾添加一个或更多元素，并返回新的长度。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.push("Kiwi")
    console.log(fruits) //  ['Banana', 'Orange', 'Apple', 'Mango', 'Kiwi']
</script>

reduce() 将数组元素计算为一个值（从左到右）。

<script>
    var numbers = [65, 44, 12, 4];
    function getSum(total, num) {
        return total + num;
    }
    console.log(numbers.reduce(getSum)) //  125
</script>

reduceRight() 将数组元素计算为一个值（从右到左）。

<script>
    var numbers = [65, 44, 12, 4];
    function getSum(total, num) {
        return total + num;
    }
    console.log(numbers.reduceRight(getSum)) //  125
</script>

reverse() 反转数组的元素顺序。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    console.log(fruits.reverse())   //  ['Mango', 'Apple', 'Orange', 'Banana']
</script>

shift() 删除并返回数组的第一个元素。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.shift()    //    banana
    console.log(fruits)   //  ['Orange', 'Apple', 'Mango']
</script>

slice() 选取数组的一部分，并返回一个新数组。

<script>
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var citrus = fruits.slice(1, 3);
    console.log(citrus) //  ['Orange', 'Lemon']
</script>

some() 检测数组元素中是否有元素符合指定条件。

<script>
    var ages = [3, 10, 18, 20];
    function checkAdult(age) {
        return age >= 18;
    }
    console.log(ages.some(checkAdult))  //  true
</script>

sort() 对数组的元素进行排序。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    console.log(fruits.sort())  //  ['Apple', 'Banana', 'Mango', 'Orange']
</script>

splice() 从数组中添加或删除元素。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2, 0, "Lemon", "Kiwi");   //  ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
    console.log(fruits)
</script>

toString() 把数组转换为字符串，并返回结果。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    document.write(fruits.toString())   //  Banana,Orange,Apple,Mango
</script>

unshift() 向数组的开头添加一个或更多元素，并返回新的长度。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.unshift("Lemon", "Pineapple");
    console.log(fruits) //  ['Lemon', 'Pineapple', 'Banana', 'Orange', 'Apple', 'Mango']
</script>

valueOf() 返回数组对象的原始值。

<script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var v = fruits.valueOf();
    console.log(v)  //  ['Banana', 'Orange', 'Apple', 'Mango']
</script>