js数组添加删除替换排序反转

た入场券 2022-07-13 23:21 160阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <script>
    //---------------------数组的添加和删除-------------------------
    
                var arr = ["关羽","张飞","刘备"];
                var arr2 = [1,2,3];
                console.log(arr);
                //    //在数组的最末尾添加元素（返回新数组的长度）
                //    var aaa = arr.push("abc");
                    var aaa = arr.push("abc","def");
                    var aaa = arr.push(arr2);
                //    console.log(aaa);
                //    console.log(arr);
                //
                //    //在数组的最末尾删除一个元素（返回新被删除的元素）
                //    aaa = arr.pop();
                //    console.log(aaa);
                //    console.log(arr);
    
    
                //"unshift"在数组的最前面添加元素
                aaa = arr.unshift("abc");
                console.log(aaa);
                console.log(arr);
    
                aaa = arr.shift();
                console.log(aaa);
                console.log(arr);
    
    
    //----------------------------数组的反转和排序---------------------
    
                var arr = ["e","d","c","b","a"];
                //反转数组：曾经...(返回一个新数组，元素组不变。操作原数组，然后反转他)
                //    console.log(arr);
                //    console.log(arr.reverse());直接反转
                //    var aaa = arr.reverse();
                //    console.log(aaa);
                //    console.log(arr);
    
    
                //数组排序:sort(功能很强大！能对数字和字母进行排列。)
                //问题：只能通过第一位排列。解决问题办法：设计的时候就是这么设计的，可以通过回掉函数进行规则设置。
                var arr2 = [7,6,15,4,13,2,1];
                //    console.log(arr);
                //    console.log(arr.sort());
                console.log(arr2);
                console.log(arr2.sort(function (a,b) {
                    return b-a;
                }));
    
                //    alert("2".charCodeAt());
    
                //回调函数。
                //    console.log(arr2.sort(function (a,b) {
                //a-b升序
                //b-a降序
                //        return a-b;
                //    }));
    
                //    function bubble(arr){
                //        for(var i=0;i<arr.length-1;i++){
                //            for(var j=0;j<arr.length-1;j++){
                //                if(arr[j]-arr[j+1]>0){
                //                    var temp = arr[j];
                //                    arr[j] = arr[j+1];
                //                    arr[j+1] = temp;
                //                }
                //            }
                //        }
                //    }
    
    
    
    //--------------------------数组的链接截取和替换---------------------------
                var arr1 = ["a","b","c"];
                var arr2 = [1,2,3];
    
                //concat把数组链接在一起
                var arr3 = arr1.concat(arr2);
                console.log(arr1);
                console.log(arr2);
                console.log(arr3);
    
                //slice数组的截取
                //    var arr4 = arr3.slice(2);["c",1,2,3]
                //    var arr4 = arr3.slice(-2);[2,3]
                //    var arr4 = arr3.slice(4,2);//[]
                //    var arr4 = arr3.slice(2,4);//["c", 1]索引值包括坐标的不包括右边的。
                //    console.log(arr3);
                //    console.log(arr4);
    
                //splice操作和截取原数组
                var arr5 = ["关羽","关羽","关羽"];
                //替换的元素不能是以数组形式存在，否则将整个数组放进原数组中。
                var arr4 = arr3.splice(0,3,"关羽","关羽","关羽");
                console.log(arr3);
                console.log(arr4);
    </script>
    </body>
    </html>