• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
liu521125
记录自己的学习之路
博客园    首页    新随笔    联系   管理    订阅  订阅

数组的方法 属性

数组的方法与属性

属性  length 数组的长度

方法

把数组变成字符串

 // var add = ['泰山', '嵩山', '华山', '重阳宫', '西安', '洲子头'];

        // 1. 把数组变为字符串
        // add.toString();
        // console.log(add.toString());

把数组用join 拼接 默认形参为,   如果有实参 则用实参

  // 2. 把数据拼接起来用join 默认形参为','
        // add.join()
        // console.log(add.join("+"));
 3. comcat 及可以添加字符串到数组里 组成一个新的数组, 也可以添加数组 到数组里  组成新的数组
 // add.concat("天安门", '四合院');
        // console.log(add.concat("天安门", '四合院'));
        // console.log(add.concat(["天安门", "四合院"]));
        // console.log(add.concat(["天安门", "四合院"]));

4....扩展运算符[ES6]

         // var arr = [1, 2, 3];
        // var arr2 = [4, 5, 6];
        // var arr3 = [...arr, ...arr2]
        // console.log(arr3);

5.追加元素, 并返回新数组长度.从顶部添加

        // add.unshift() 从头插入数据
        // add.unshift("天安门");
        // console.log(add);

6. push 从尾插入新的数据

 // add.push('四合院');
  // console.log(add);

7.shift 从头删除

       // 7. shift 从头删除;
        // add.shift();
        // console.log(add);

8. pop 从尾删除

  // add.pop();
        // console.log(add);

9. 删除元素或删除并插入新元素 用 splice

   // 更改
        // add.splice(3, 1, "北京");
        // console.log(add);
        // 添加
        // add.splice(3, 0, "北京", '上海');
        // console.log(add);
        // 删除
        // add.splice(3, 1);
        // console.log(add);
splice(第一个数字是从几开始的,第二个数字是删除几个,'添加的字符')

案例

 // 1.将数组去重封装成一个方法, 然后对该数组
        // [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 2, 1]进行去重操作
            // var arr=[1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 2, 1];
            // var newArr=[];
            // for(var i=0;i<arr.length;i++){
            //          if(newArr.indexOf(arr[i])==-1){
            //             newArr.push(arr[i]);
            //          }
            //         }

            //      console.log(newArr);
 // 2.完成下面需求
        // var arr = ['100px', 'abc' - 6, [], -98765, 34, -2, 0, '300', , function () { alert(1); }, null, document, [], true, '200px' - 30, '23.45元', 5, Number('abc'), function () { alert(3); }, 'xyz' - 90];
//    1) 找到arr里所有的数字:-98765, 34, -2, 0, 5
        //  var newArr=[];
        //  for(var i=0;i<arr.length;i++){
        //    
        //     if(typeof arr[i]=="number"){
        //           if(!isNaN(arr[i])){
        //             newArr.push(arr[i])
        //           }
        //  }
        // }
        // console.log(Number("100px"));
        //  console.log(newArr);
    // 2)找到可以转成数字的:'100px', -98765, 34, -2, 0, '300', '23.45元', 5
            //  var newArr=[];
            //  for(var i=0;i<arr.length;i++){
            //     console.log(arr[i]);
            //     if(typeof arr[i]=="number"){
            //         newArr.push(arr[i])
            //       }
            //  }
            //  console.log(newArr);


        //     for(var i=0;i<arr.length;i++){
        //     if(!isNaN(parseFloat(arr[i]))){
        //         console.log(arr[i]);
        //     }
        // }
                
         // 3) 把转成数字以后,最大值判断出来:300  
            //    var newArr=[];
            //    var max;
            //   for(var i=0;i<arr.length;i++){
            //       if(!isNaN(arr[i])){
            //        if(Number(arr[i]) && arr[i]>arr[i+1]){
            //                 max=arr[i]
            //            newArr.push(max)
            //     }
            //     }
            //     }
            //        console.log(max);


            //     var newArr = [];
            // for(var i=0;i<arr.length;i++){
            //     if(!isNaN(parseFloat(arr[i]))){
            //         newArr.push(parseFloat(arr[i]));
            //     }
            // }
            // var arr1 = newArr.sort(function(a,b){
            //     return b-a;
            // });
            // console.log(arr1[0]);
        
        // 4)把 NaN 所在的位置找出来:1 14 17  19
            //  var newArr=[];
            //   var index;
            //   for(var i=0;i<arr.length;i++){
              
            //      if(typeof arr[i]=="number"){
            //          if( isNaN(arr[i])){
            //             index=i;
            //             newArr.push(index)
            //          }
 
            //        }
            //   }
            //   console.log(newArr);
   // 3.编写程序, 获取数组中的最大值 var arr = [1, 2, 2, 3];

        // function arr(arr) {
        //     var max = [];
        //     for (var i = 0; i < arr.length; i++) {
        //         if (arr[i] > max) {
        //             max = arr[i]
        //         }
        //     }
        //     return max;
        // }
        
        // console.log(arr([1, 2, 2, 3]));
        
   // arr = [‘item’, 10, 23,’jack’,’item’,’pop’,’item’];
      
    //    var arr = ['item','item', 10, 23,'jack','item','pop','item'];
    //    var num;
    //    var newArr=[];
    //          for(var i=0;i<arr.length;i++){
    //         //    console.log(arr);
    //               if(newArr.indexOf(arr[i])==-1){
    //                   newArr.push(arr[i]);
    //                  }
    //          }
    //     //   console.log(newArr);
    //        var one=(arr.length)-(newArr.length)+1;
    //           console.log(one);

 

本文来自博客园,作者:刘先生的爱心博客,转载请注明原文链接:https://www.cnblogs.com/liu521125/p/17809478.html

一点一滴记录着学习html5 css3 和js 的时光
posted @ 2023-11-04 16:11  刘先生的爱心博客  阅读(19)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3