zoukankan      html  css  js  c++  java
  • 数组常用属性&方法

    数组的属性,这个比较基础了哦:

    1.数组的长相:

    // 用方括号括起来的

    // 可以包含很多元素
    let arr1 = ['11', '22', '33', 'aa', 'bb'];
    // 也可以没有元素,
    let arr2 = [];
    // 也可以先制指定有3个元素,之后再添加5个元素也是可以的
    let arr3 = [3];
    arr3[0] = '30';
    arr3[1] = '31';
    arr3[2] = '32';
    arr3[3] = '33';
    arr3[4] = '34';
    arr3[5] = '35';
    console.log(arr3); // [ '30', '31', '32', '33', '34', '35' ]

    2.length:

    console.log(arr3.length); // 6

    3.索引(下标)

    console.log(arr3[0]); // 30
    // 从0开始,毕竟是从外国发展过来的,玩过人的习惯就是从0开始,而且编码过程中很多东西(99.9%)都是从索引0开始

    4.prototype:数组原型属性;

    Array.prototype  属性表示 Array 构造函数的原型,并允许您向所有Array对象添加新的属性和方法
    /*
    如果JavaScript本身不提供 first() 方法,
    添加一个返回数组的第一个元素的新方法。
    */ 
    
    if(!Array.prototype.first) {
        Array.prototype.first = function() {
            console.log(`如果JavaScript本身不提供 first() 方法,
    添加一个返回数组的第一个元素的新方法。`);
            return this[0];
        }
    }

      

    数组的方法多,而且经常用到啊,一定要牢记哦,熟练嘞

    1.concat: 连接两个数组

    arr1 = [1,2,3];
    arr2 = [4,5,6];
    arr1.concat(arr2) ;//  [1,2,3,4,5,6];

    2.join(): 将数组拼接成字符串, ()里参数可有可无,默认为“,”

    arr1 = ['a','b','c'];
    arr1.join() = a,b,c ;
    arr1.join(' ') = a b c;
    arr1.join(' + ') = a + b + c ;

    3. toString(): 将数组拼接成字符串,有无参数都是使用“,”

    let arr1 = ['11', '22', '33'];
    let aaa = arr1.toString();
    console.log(aaa); // 11,22,33

    4.push(): 在数组末尾添加

    let arr1 = ['11', '22', '33'];
    arr1.push('44');
    console.log(arr1); // [ '11', '22', '33', '44' ]

    5.pop():  在数组末尾删除

    let arr1 = ['11', '22', '33'];
    let aaa = arr1.pop();
    console.log(arr1); // [ '11', '22' ]
    console.log(aaa); // 33

    6.unshift(): 在数组开头添加

    let arr1 = ['11', '22', '33'];
    arr1.unshift('44');
    console.log(arr1); // [ '44', '11', '22', '33' ]

    7.shift(): 在数组开头删除

    let arr1 = ['11', '22', '33'];
    arr1.shift();
    console.log(arr1); // [ '22', '33' ]

    8.sort(): 排序默认升序

    let arr1 = ['11', '22', '33'];
    arr1.sort();
    console.log(arr1); // [ '11', '22', '33' ]
    升序
    let arr1 = ['11', '22', '33']; arr1.sort(dealChil); console.log(arr1); // [ '11', '22', '33' ] function dealChil(a, b) { return a - b; }
    j降序
    let arr1 = ['11', '22', '33']; arr1.sort(dealChil); console.log(arr1); // [ '33', '22', '11' ] function dealChil(a, b) { return b - a; }

    9.reverse(): 反向,倒序

    let arr1 = ['22', '11', '33'];
    arr1.reverse();
    console.log(arr1); // [ '33', '11', '22' ]

    10.splice(),他和下面就比较混了,要注意一下哦, 而且他的用法比较多变,参数个数还不一定嘞,可添加,可删除, 他会改变原数组

    这个不好举例,语法大概是:
    array.spllice(index, num, item [, item2, item3]);
    index:
      要操作的位置,
         正数    
    /  负数,
        表示:从前往后  /  从后往前 num:
        
    0                    /  其他数字,
      表示:不删除,要增加,这时一般后面会有item  /  删除的个数)
    item:
      num为0时,要添加的元素

    11.slice(start, end): 选择数组, 选取数组组中 [start, end)的元素 ,原数组不改变哦

    let arr1 = ['11', '22', '33'];
    let aaa = arr1.slice(0, 2);
    console.log(aaa);  // [ '11', '22' ]

    以上,既是笔记,也时自我复习,谢谢 !!! -_-  

  • 相关阅读:
    Exception和Error有什么区别?
    网络流量劫持的含义
    安全术语:
    加载相关
    10、接到任务后的整个测试前准备流程总结
    fiddler工具栏数据解释
    HTTP的请求头标签 If-Modified-Since
    VueStudyDemo
    Vue从入门到放弃
    TypeScript初体验
  • 原文地址:https://www.cnblogs.com/ruchun/p/10245675.html
Copyright © 2011-2022 走看看