JavaScript中基本的数组方法_js中怎么用promp输入组成一个数组-优快云博客

本文链接：https://blog.youkuaiyun.com/IG_hyt/article/details/124547931

本文介绍了JavaScript中四个重要的数组操作：concat用于连接两个数组形成新的数组，reverse用于翻转数组元素的顺序，join则可以将数组元素拼接为字符串，而sort可以对数组进行排序。这些方法在实际开发中有着广泛应用，例如处理长列表、价格排序和字符串组合等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 数组.concat(数组) : 两个数组连成一个新数组

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        //声明数组
        let arr = [10, 20, 30, 40, 50] // new Array(10,20,30,40,50)

        //(1) arr.concat(数组)   ： 把两个数组连接成一个数组,返回值才是拼接成的新数组
        //应用场景： 一般用于长列表(下一页),不断往后面拼接数组
        /* let newArr = arr.concat([60, 70, 80, 90])
        console.log(newArr) */
        let newArr = arr.concat([68, 29, 40])
        console.log(newArr) //[10, 20, 30, 40, 50,68,29,40]


    </script>
</body>

</html>

2. 数组.reverse() : 翻转数组

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        //(2) arr.reverse()   : 翻转数组
        //应用场景： 价格从低到高 切换成 从高到低， 只需要翻转数组即可
        /* arr.reverse()
        console.log(arr) */
        let arr = [10, 20, 30, 40, 50]
        arr.reverse()
        console.log(arr) //[50,40,30,20,10]


    </script>
</body>

</html>

3. 数组.join('分隔符')

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
         //(3) arr.join('分隔符') : 把数组每一个元素拼接成字符串
        let arr1 = [80, 90, 55, 60]
        //应用场景 :  有些歌曲是多个人合唱，服务器会给我们一个数组,这个时候就需要将数                组元素通过join拼接起来然后再页面显示
        /* let str = arr1.join('&')
        console.log(str) //80&90&55&60 */
        let str = arr1.join('')
        console.log(str) //80905560
        


    </script>
</body>

</html>

4. 数组的排序

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
      //(4) arr.sort( function(a,b){return a-b} ) : 排序
        /*   let arr2 = [80, 90, 50, 20, 77, 88]
          arr2.sort(function (a, b) {
              // return a-b //从小到大
              return b - a //从大到小
          })
          console.log(arr2) */
        let numArr = [10, 50, 30, 65, 80]
        numArr.sort(function (a, b) {
            // return a-b//从小到大
            return b - a //从大到小
        })
        console.log(numArr)//[80, 65, 50, 30, 10]
    </script>
</body>

</html>