JavaScript中的数组方法有哪些

一、push()

       语法：数组.push（数据）

       作用：将数据追加到数组的末尾

       返回值：追加数据后数组最新的长度

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //push方法
        var res = arr.push('500')
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出的结果为

二、 pop（）

语法：数组.pop（）

作用：删除数组的最后一个数据

返回值：被删除的数据

           

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //pop方法
        var res = arr.pop()
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

 输出的结果为

三、unshift（）

语法：数组.unshift(数据)

作用：将数据添加到数组的最前面

返回值：添加数据后数组最新的长度

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //unshift方法
        var res = arr.unshift('500')
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

四、shift（）

语法：数组.shift（） 

作用：删除数组最前面一个数据

返回值：被删除的数据

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //shift方法
        var res = arr.shift()
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 五、reverse（）

语法：数组.reverse（）

作用：将数组反转

返回值：反转后的数组

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //reverse方法
        var res = arr.reverse()
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出的结果为

 六、splise（）

语法：数组.splise（开始索引，多少个，要插入的数据）

           开始索引：默认是0

           多少个：默认是0

           要插入的数据：默认没有

作用：删除数组中若干数据，并选择是否插入新的数据

返回值：以新数组的形式返回被删除的数据

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //splice方法
        var res = arr.splice(1, 1, '500')
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出的结果为

 七、sort（）

语法：1、数组.sort（）

2、数组.sort（function （a，b）{return a - b}）

3、数组.sort（function （a，b）{return b - a}）

作用：将数组进行排序

返回值：排序好的新数组

1、数组.sort（）

   <script>
        //原数组
        var arr = [33, 1, 66, 55, 99, 22, 77]
        
        //sort方法
        var res = arr.sort()
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 2、数组.sort（function （a，b）{return a - b}）从小到大排序

   <script>
        //原数组
        var arr = [33, 1, 66, 55, 99, 22, 77]
        
        //sort方法
        var res = arr.sort(function (a, b){return a - b})
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 3、数组.sort（function （a，b）{return b - a}）从大到小排序

   <script>
        //原数组
        var arr = [33, 1, 66, 55, 99, 22, 77]
        
        //sort方法
        var res = arr.sort(function (a, b){return b - a})
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 八、join（）

语法：数组.join（连接符）

作用：将数组连接成一个字符串

返回值：连接好的字符串

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //join方法
        var res = arr.join('-')
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 九、concat()

语法：数组.concat(其他数组)

作用：将其他数组和原数组拼接在一起

返回值：拼接好的新数组

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //concat方法
        var res = arr.concat( [ 500, 600 ] )
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

十、 slice()

语法：数组.slice( 开始索引，结束索引)

          开始索引：默认是0

          结束索引：默认是数组长度

作用：截取数组中的某些数据（从开始索引到结束索引，但不包             括结束索引）

返回值：以新数组的形式返回截取出来的数据

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //slice方法
        var res = arr.slice( 1, 3 )
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

输出结果为

 十一、indexOf()

语法：数组.indexOf(数据)

作用：查找数据在数组中的索引位置

返回值：有该数据，返回第一次出现的索引位置

              没有该数据，返回-1

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //indexOf方法
        var res = arr.indexOf( 200 )
        //输出数组
        console.log(arr);
        //输出返回值
        console.log(res);
    </script> 

   输出结果为

                   

十二、 forEach()

语法：数组.forEach( function ( item, index, arr) {})

作用 ：遍历数组

返回值：无

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //forEach方法
        arr.forEach( function ( item, index, arr) {

            //item 数组的每一项
            console.log(item);
            //index 索引
            console.log(index);
            //arr 原数组
            console.log(arr);
        })
    </script> 

输出结果为

十三、 map（）

语法：数组.map( function ( item, index, arr) {})

作用 ：映射数组

返回值：映射后的新数组

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //map方法
        var res = arr.map( function ( item, index, arr) {

           return item * 10
        })
        //返回值
        console.log(res);
    </script> 

输出结果为

 十四、filter()

语法：数组.filter( function ( item, index, arr) {})

作用 ：过滤数组

返回值：过滤后的新数组

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //filter方法
        var res = arr.filter( function ( item, index, arr) {

           return item > 150
        })
        //返回值
        console.log(res);
    </script> 

输出结果为

 十五、every()

语法：数组.every( function ( item, index, arr) {})

作用 ：判断数组是不是每一项都满足条件

返回值：布尔值

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //every方法
        var res = arr.every( function ( item, index, arr) {

           return item > 150
        })
        //返回值
        console.log(res);
    </script> 

输出结果为

 十六、some()

语法：数组.some( function ( item, index, arr) {})

作用 ：判断数组是不是有某一项满足条件

返回值：布尔值

   <script>
        //原数组
        var arr = [100, 200, 300, 400]
        
        //some方法
        var res = arr.some( function ( item, index, arr) {

           return item > 150
        })
        //返回值
        console.log(res);
    </script> 

输出结果为