美文网首页
2019-10-17 数组方法

2019-10-17 数组方法

作者: jakeliukai | 来源:发表于2019-10-17 16:37 被阅读0次
            //第一个 reverse 会改变原数组(true)
                var reverseArr = [3,5,1,2,8,9]
                reverseArr.reverse() // [9,8,2,1,5,3]
            //第二个 sort  (true) 
                // var lis = document.querySelectorAll("li")
                // Array.prototype.forEach.call(lis,res=>{
                //     console.log(res)
                // })
                var sortArr = [43,52,12,34,14,66]
                sortArr.sort() // [12, 14, 34, 43, 52, 66]
                sortArr.sort(function(value1,value2){
                    // console.log(value1,value2) 
                    // 数组方法.html:21  14 12
                    // 数组方法.html:21  34 14
                    // 数组方法.html:21  43 34
                    // 数组方法.html:21  52 43
                    // 数组方法.html:21  66 52
                })
            //*第三个concat (false) 可以用在数组的合并
                var concat1 = [2,1,5,4,6,8],concat2 = [5,2,1,5,7,8,9]
                var newConcat = concat1.concat(concat2)
                // console.log(newConcat) //[2, 1, 5, 4, 6, 8, 5, 2, 1, 5, 7, 8, 9]
                var newConcat2 = concat2.concat();
                // console.log(newConcat2) // [5,2,1,5,7,8,9]
                //这个方法可以实现深拷贝
                var concatFlag = newConcat2 == concat2 //false
            //*第四个 slice  (false)
                var slice1 = [5,2,1,5,7,8,9]
                var newSlice = slice1.slice(1)
                // console.log(slice1,newSlice) // [5, 2, 1, 5, 7, 8, 9] , [2, 1, 5, 7, 8, 9]
                var newSlice2 = slice1.slice();  // 同样和concat2.concat();这样实现一个深拷贝
                var newSlice3 = slice1.slice(2,5);
                // console.log(newSlice3) //  [1, 5, 7] 从第二个下标开始不包涵第五个下标中间的值会组成一个新的数组
            //*第五个 splice  (true)
                //方法的第一个参数是开始的下标 
                //第二参数是从开始下标要删除的数 (包含本身)
                //第3-1000个参数是添加到第一个参数指定下标的参数值
                var splice1 = ["a","b","r","d"]
                var newSplice = splice1.splice(1,1,"f")
                // console.log(splice1,newSplice) // ["a","f","r","d"] , ["b"]
            
            //*第六个 indexOf  lastIndexOf es6新增加的方法 includes  判断语句常会用到
                var indexA = ["a","e"]
                if(indexA.includes("a")){
                    // console.log("766")
                }
            
            //*第七个push 后面添加元素 (true)
                var pushA = ["a","b"]
                pushA.push("c")
                // console.log(pushA) // ["a","b","c"]
            //*第八个unshift  前面添加元素 (true)
                var unshiftA = ["a","d"]
                unshiftA.unshift("c")
                // console.log(unshiftA) //["c","a","d"]
          // 第九个join 方法
              var joinarr = ["10","24"]
              var joinstr = joinarr.join("-"); // "10-24"
    

    相关文章

      网友评论

          本文标题:2019-10-17 数组方法

          本文链接:https://www.haomeiwen.com/subject/rjxvmctx.html