数组方法:去重、冒泡、选择、反转、扁平化数组

some 数组中是否有满足条件的 返回布尔值,如果遇到一个满足条件的,就会直接跳出

 var arr=[1,2,3,4,5,6,7];
        var bool=arr.some(function(item,index,arr){
            return item>4;//判断每个元素是不是有大于4的
        });
        console.log(bool);

ever 数组中是否所有元素都满足条件,返回布尔值,如果遇到一个不满足条件的,就会直接退出

filter 筛选数组中满足条件的元素,返回满足条件元素组成的数组

find 在数组中找到满足条件的第一个元素,返回,并且不在继续向后循环

 var o=arr.find(function(item){
            return item.id===1003;
        })
        console.log(o);

reduce 归并

 // reduce return结果会传递给下一次遍历时的value,遍历完成后返回最终value值


        //****不用理解,会用
        var sum=arr.reduce(function(value,item,index,arr){
console.log(value,item,index,arr);
 return value;
})
    console.log(sum)

// 如果有reduce的初始值,value开始就是这个初始值,并且item会从第0项开始遍历
        var sum=arr.reduce(function(value,item,index){
            console.log(value,item,index);
            return value+item;
        },100);
        console.log(sum)

Array 的静态方法

//判断给入的内容是不是数组
Array.isArray(arr);//静态方法
数组用typeof判断是object只能用Array.isArray()来判断
arr.push实例化方法
arr.constructor===Array
判断这个变量的构造函数是不是Array
iterable迭代器
Array.from(divs) 
ES6
HTMLCollection
arguments
NodeList
Set
Map
将迭代器对象转换为数组
ES5使用  将迭代器对象转换为数组
var arr=Array.prototype.slice.call(divs);
    //   var arr=Array.prototype.concat.apply([],divs);
    //   console.log(arr)

fill 填充数组

arr.fill(值,从什么时候开始填充,到什么下标之前结束)

var arr=Array(10);
        // arr.fill(1,5);
        填充1,从第二个开始,填充到第六个
        arr.fill(1,2,6)
        console.log(arr)

**Math.random ** 随机数

console.log(Math.random())//0-1
不包括0也不包括1


生成随机颜色
var div=document.getElementById("div1");
        div.onclick=function(){
             div.style.backgroundColor=Array(6).fill(1).reduce(function(value,item){
               return value+parseInt(Math.random()*16).toString(16);
            },"#")
        }

reverse 反转数组 改变原数组,并且返回这个原数组

arr.reverse();
//案例
var arr=[2,4,6,8,0,1,3,5,7];
        arr.reverse();
        console.log(arr)
 //  数组反转
        var len=parseInt(arr.length/2);
        for(var i=0;i<len;i++){
            var temp=arr[i];
            arr[i]=arr[arr.length-1-i];
            arr[arr.length-1-i]=temp;
        }
        console.log(arr);

扁平数组

// 扁平化数组
        var arr1=arr.flatMap(function(item){
            return item;
        });
        console.log(arr1);
扁平化数组
     var arr=[[1,2,3],[4,5,6],7,8,9,[[11,12],[13,14],15]];

        function flat(arr,target){
                if(!target){
                    target=[];
                }
                for(var i=0;i<arr.length;i++){
                    if(Array.isArray(arr[i])){
                        flat(arr[i],target)
                    }else{
                        target.push(arr[i]);
                    }
                }
                return target;
        }

          var arr1=flat(arr);
          console.log(arr1);

去重

        var arr=[1,2,2,3,4,4,5,6,5,6,7,8,9];
       var arr1=arr.reduce(function(v,t){
            if(v.indexOf(t)<0) v.push(t);
            return v;
        },[])
        console.log(arr1,arr);
// 数组去重的几种方法
       //第一种
var arr=[1,2,3,3,2,4,5,6,7];
for(var i=0;i<arr.length;i++){
    for(var j=i+1;j<arr.length;){
        if(arr[i]===arr[j]){
            arr.splice(j,1);
            continue;
        }
        j++;
    }
}
console.log(arr);


//第二种
var arr=[1,2,3,3,2,4,5,6,7];
var arr1=[];
for(var i=0;i<arr.length;i++){
    var bool=false;
    for(var j=0;j<arr1.length;j++){
        if(arr[j]===arr[i]){
            bool=true;
            break;

        }
    }
    if(!bool){
        arr1.push(arr[i]);
    }
}
console.log(arr1);



//第三种
var arr=[8,1,2,3,3,2,4,5,6,7,8];
var arr1=arr.reduce(function(v,t){
        if(v.indexOf(t)<0) v.push(t);
        return v;
},[])
console.log(arr1);
                           
                           
                           
//第四种
var arr=[8,1,2,3,3,2,4,5,6,7,8];
var arr1=[];
for(var i=0;i<arr.length;i++){
    if(arr1.indexOf(arr[i])<0){
        arr1.push(arr[i]);
    }
}
console.log(arr1);
                                
 
                                
//第五种
  var arr=[1,2,3,3,2,4,5,6,7];
  var arr1=[];
  for(var i=0;i<arr.length;i++){
      if(!arr1.includesa(arr[i])){
          arr1.push(arr[i]);
      }
  }
  console.log(arr1);

排序

sort 数组的排序

arr.sort()

    arr.sort(function(a,b){
             return a-b;//从小到大排序
             return b-a;//从大到小排序
        })
        console.log(arr);
          var arr=[
            {id:1001,name:"计算机1",price:1200,num:1},
            {id:1002,name:"计算机2",price:3200,num:1},
            {id:1003,name:"计算机3",price:6800,num:1},
            {id:1004,name:"计算机4",price:7200,num:1},
            {id:1005,name:"计算机5",price:13000,num:1},
        ]


        arr.sort(function(a,b){
            return b.price-a.price;
        })
        console.log(arr)

冒泡排序

var arr = [1, 4, 5, 3, 2, 11, 15, 6, 7, 9, 1, 12, 3, 1, 22, 8, 9];
        // 算法
        // 冒泡排序
        for (var j = 0; j < arr.length-1; j++) {
            for (var i = 0; i < arr.length-j-1; i++) {
                if (arr[i] > arr[i + 1]) {
                    var temp = arr[i];
                    arr[i] = arr[i + 1];
                    arr[i + 1] = temp;
                }
            }
        }
        console.log(arr)

选择排序

// 选择排序
         var arr = [4,1, 5, 3, 2, 11, 15, 6, 7, 9, 1, 12, 3, 1, 22, 8, 9];
        for(var i=0;i<arr.length;i++){
            var min=i;
            for(var j=i+1;j<arr.length;j++){
                if(arr[min]>arr[j]){
                    min=j;
                }
            }
           if(i!==min){
                var temp=arr[i];
                arr[i]=arr[min];
                arr[min]=temp;
           }
        }
        console.log(arr);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值