数组的常用方法

最新推荐文章于 2024-10-01 20:12:28 发布

zhou_nj

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量74

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zhou_nj/article/details/119904828

版权

1.forEach方法，用于遍历整个数组

<!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>
          let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
          arr.forEach(function(item,index){
            console.log(item,index);
        })
    </script>
</body>

</html>

2.filter方法，用于根据指定的规则，过滤数组中的元素，并返回新的数组，如果没有返回空数组

<!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>
          let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
        //   从数组中，返回所有的偶数
          let arr1 = arr.filter(function(item){
            return item%2===0
        })
        console.log(arr1);
    </script>
</body>

</html>

3.find方法，用于根据指定的规则，返回数组中的第一个元素，如果没有返回undefined

<!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>
          let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
        //   从数组中，返回第一个偶数
        let num1 = arr.find(function(item){
            return item%2===0
        })
        console.log(num1);
    </script>
</body>

</html>

4.findIndex方法，用于根据指定的规则，返回数组中第一个元素的位置，如果没有返回-1

<!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>
        let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
        let index1 = arr.findIndex(function(item){
            return item%2===0
        })
        console.log(index1);
    </script>
</body>

</html>

5. some方法，检查数组中是否包含指定规则的数据，有返回true，没有返回false

<!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>
        let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
        let b1 = arr.some(function(item){
            return item>100
        })
        console.log(b1);
    </script>
</body>

</html>

6. every方法，检查数组中的数据，是否全部满足规则，满足返回true，否则返回false

<!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>
        let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
        let b1 = arr.every(function(item){
            return item>100
        })
        console.log(b1);
    </script>
</body>

</html>

7.map方法，用于将原始数组根据特定规则，返回一个全新的数组

<!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>
        let arr = [11,22,33,44,55,66,77,88,99,111,222,333]
       // 将数组中的每一个元素乘以2
       let arr1 = arr.map(function(item){
            return item*2
        })
        console.log(arr1);
    </script>
</body>

</html>