Array数组常用方法

发布时间 2023-12-18 15:18:05作者: 奇迹会出现
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            var arr = [1,2,3,4]
            
            
            //push 后面追加元素
            //返回值 长度
            
            var res = arr.push(arr[1])
            console.log(arr)
            console.log("返回值",res)
            console.log(arr)
            //pop 后面删除元素
            //返回值 删除的元素
            var respop = arr.pop()
            console.log(arr)
            console.log("返回值",respop)
            
            //unshift 前面追加元素
            //返回值 长度
            
            var resunshift = arr.unshift("huanhuan")
            console.log(arr)
            console.log("返回值",resunshift)
            
            //shift 前面删除元素
            //返回值 删除的这个元素
            var resshift = arr.shift("xiaoxiao")
            console.log(arr)
            console.log("返回值",resshift)
            
            //splice 删除
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            //不影响原数组的方法
            
            //concat 拼接
            // var arr1 = [1,2,3]
            // var arr2 = [3,4,5]
            
            // var arr3 = arr1.concat(arr2,6,[7,8,9])
            // console.log(arr1,arr2,arr3)
            
            // var arr4 = arr1.concat()//赋值方式
            // arr4.pop()
            // console.log(arr1,arr4)
            
            // // join 数组==>字符串
            // var arr = []
            // for(var i=0;i<5;i++){
            //     arr.push("<li>"+i+"</li>")
            // }
            // console.log(arr)
            // document.write(arr.join(""))
            
            
            //slice 截取(开始索引,结束索引)一个值表示从2开始到结束
            var arr1 = ["aaa","bbb","ccc","ddd","eee"]
            var arr2 = arr1.slice(0,2)
            console.log(arr1,arr2)
            
            
            // indexOf -1找不到
            
            // var arr = ["aaa","bbb","ccc","ddd","eee"]
            
            // var res = arr.indexOf("bbb")//2表示从2开始找
            
            // console.log(res)
            
            //lastIndexOf -1找不到
            // var arr = ["aaa","bbb","ccc","ddd","eee"]
            // var res = arr.lastIndexOf("aaa",2) 
            
            // console.log(res)
        </script>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            //foreach 遍历
            // var arr = ["aaa","bbb","ccc","ddd"]
            
            // //回调函数
            // arr.forEach(function(item,index){
            //     console.log(item,index)
            // })
            
            
            //映射
            // var arr = [1,2,3,4,5,6]
            
            // var arr2 = arr.map(function(item){
            //     return item
            // })
            // console.log(arr2)
            
            // var arr = ["du","huan","xiao"]
            // var arr2 = arr.map(function(item){
            //     return "<li>"+item+"<li>"
            // })
            // console.log(arr,arr2)
            // document.write(arr2.join(""))
            
            //过滤
            // var arr = [100,200,300]
            
            // var arr2 = arr.filter(function(item){
            //     return item>=200
            // })
            // console.log(arr2)
            
            //every 每一个
            // var arr = [90,92,94,96]
            
            var arr2 = arr.every(function(item){
                return item>=90
            })
            console.log(arr2)
            
            //some 只要满足一个,就是true
            // var arr = [92,8,6,90]
            // var arr2 = arr.some(function(item){
            //     return item>=90
            // })
            // console.log(arr2)
        </script>
    </body>
</html>

 



 

            var ressplice = arr.splice(1,1)//下标为1开始删除一个
            console.log(arr)
            console.log("返回值",ressplice)
            //增加
            var arr2 = ["du","huan","xiao"]
            var ressplice = arr2.splice(1,0,"fan")
            console.log(arr2)
            console.log("返回值",ressplice)
            
            
            //resver
            var arr3 = [1,2,3,4]
            
            arr3.reverse()
            console.log(arr3)
        </script>
    </body>
</html>