震惊!学了两年前端代码写的如此.......

本文深入讲解JavaScript中数组的声明、基本方法如push、pop、shift、unshift,以及高级方法如every、some、find、filter的使用。通过实例演示如何利用这些方法进行数组元素的追加、删除、查找及筛选,特别关注于数组的遍历和数据处理技巧。

数组声明

    //数组声明
            var arr =[];
            var arr1 = [1,"s",false,[],{},3,4]

数组的方法

一堆的数组操作方法
四个必须记住的: push():最后一位追加 pop():删除最后一位 shift():删除第一位 unshift():在第一位追加

        静态方法:Array.isArray(值)

        数组的属性:
        .length
        数组的方法:
        arr.concat(arr1);//把arr1拼接早arr后边
        arr.indexOf(1);//判断某个值是否在数组中,如果有返回索引号,日过如果没有返回-1
        arr.join(".");//用指定的拼接数组为字符串
    <script>
            var arr = ["red", "green", "blue"];
            var length1 = arr.push("black");//作用是在原数组上追加一位,返回值数组的新长度
            console.log(arr);
            var str1 = arr.pop();//删除数组的最后一位,返回值是被删除的值
            console.log(arr);
            console.log(str1);
            var str2 = arr.shift()//删除第一个,返回删除的值
            console.log(arr);
            console.log(str2);
            var length2 = arr.unshift("第一位追加");//在第一位追加,返回值时数组的心长度
            console.log(arr);
            console.log(length2);
            arr.length
            arr.concat()
        </script>

数组的方法-其他

    <script>
            var arr = ["red", "green", "blue"];
            var length1 = arr.push("black");//作用是在原数组上追加一位,返回值数组的新长度
            console.log(arr);
            var str1 = arr.pop();//删除数组的最后一位,返回值是被删除的值
            console.log(arr);
            console.log(str1);
            var str2 = arr.shift()//删除第一个,返回删除的值
            console.log(arr);
            console.log(str2);
            var length2 = arr.unshift("第一位追加");//在第一位追加,返回值时数组的心长度
            console.log(arr);
            console.log(length2);
            arr.length
            arr.concat()
        </script>

数组的方法-特殊

数组的特殊方法:可以实现遍历数组
            arr.every()//判断数组的元素是够否满足条件,找到一个不满足的就结束循环,返回false
            arr.some()//和every()作用相反,找到一个真的就就结束吗,返回true 。否则返回false
            //方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
            arr.find(function(item){
                return item>50
            })
            //方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
            var index = arr.findIndex(function(item.index){
                return item>5
            })
            arr.filter()//挑出所有满足条件的元素,组成新数组

            arr.forEach()//只实现循环
<script>
            var arr = [12, 5, 8, 130, 44];
            //第一个参数是每次循环拿到的数组的元素
            //第二个参数是索引号
            //第三个代表数组本身
//          var b = arr.every(function(a,b,c){//
//              console.log(a);
//              console.log(b);
//              console.log(c);
//              console.log("------");
//              return a>5;
//          })
//          console.log(b)

//          var b = arr.filter(function(item,index,arr){
//              return item>5
//          })

//          var b = arr.find(function(item,index,arr){
//              return item>50
//          })
            var b = arr.some(function(item){
                console.log(item);
                return item>5; 
            })
            console.log(b)
        </script>

数组的使用案例


        <script>
            var data = [
                {price:10},
                {price:20},
                {price:200},
                {price:540},
                {price:30},
                {price:99},
            ]
            var newarr = data.filter(function(item,index,ar){
                return item.price>50;
            })
            console.log(newarr);
        </script>

数组封装join

    <script>
            var arr = [1,2,3]
            var str="";
            var add = function(a,arr){
                for(var i= 0;i<arr.length;i++){
                        str =str+String(arr[i])+a
                }
                return str;
            }
            var a = add("*",arr)
            console.log(a)
        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值