• js学习(八)--数组



    初级开发大多使用内建对象和数组对象

    1.数组(Array)P70

    数组也是一个对象
    他和我们普通对象功能类似,也是用来存储一些值的
    不同的是普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引操作元素

    • 索引:
      从0开始的整数就是索引

    数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据

    数组的相关操作

    创建数组对象

    var arr = new Array();
    

    向数组中添加元素

    语法: 数组[索引] = 值
    

    读取数组元素

    console.log(arr[0]);
    

    如果读取不存在的索引,他不会报错而是返回undefined

    获取数组的长度

    可以使用length属性来获取数组的长度(元素的个数)
    对于非连续的数组,使用length会获取到数组的最大的索引+1

    语法:数组.length
    console.log(arr.length);
    
    • 还可以修改数组的length
      arr.length = 10
      如果修改的length大于原长度,则多出部分会空出来
      如果修改的length小于原长度,则多出的元素会被删除

    一直在数组的最后位置(最大索引)添加元素

    数组字面量

    使用字面量创建数组时,可以在创建时就指定数组中的元素
    var arr = [1,2,3,4,5,10];

    数组中的元素可以是任意数据类型

    arr = ["hello",1,true,null,undefined];
    

    数组的方法

    split()

    var array = text.split(",");//逗号是分隔符

    push()

    向数组的末位添加一个或多个元素,并返回新的长度
    可以将要添加的元素作为方法的参数传递,这样这些元素就会自动添加到数组的末位

    arr.push("杰克");
    

    pop()

    删除并返回数组的最后一个元素

    arr.pop();
    

    unshift()

    向数组开头添加一个或多个元素,并且返回新的数组长度

    shift()

    删除数组的第一个元素

    slice(start,end)

    • 可以用来从数组提取指定元素
    • 该方法不会改变原数组,而是将截取到的元素封装到一个新数组中返回
    • 参数:
      start:截取开始的位置的索引,包括
      end:截取结束的位置的索引,不包括

    end可以不写,此时会截取从开始索引往后的所有元素

    end和start也可以为负数,表示倒数第几个,-1位倒数第一个

    splice(start,num,value)

    • 删除数组中的指定元素

    • 使用splice()会影响到原数组,会将指定元素从元素注重删除,并将被删除的元素作为返回值返回

    • 参数:
      start:表示开始位置的索引
      num:表示删除的数量
      value:要添加的新元素,value可以有多个
      var result = arr.splice(1,1,"tom","jack");

    • 根据多个参数的不同,splice方法可以实现插入,删除,替换功能

    concat()
    连接两个或多个数组,并将新的数组返回

    该方法不会对原数组产生影响

    var result = arr.concat(arr2);
    var result = arr.concat(arr2,arr3);
    var result = arr.concat(arr2,arr3,"jack");//还可以传元素
    

    join()
    该方法可以将数组转换为一个字符串

    该方法不会对原数组产生影响,而是返回转换后的字符串
    在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符

    var result = arr.join(); 
    

    reverse()
    颠倒数组中元素的顺序

    该方法会直接修改原数组
    arr.reserve();

    sort()
    对数组的元素进行排序

    • 会影响原数组,默认会按照Unicode编码进行排序
    • 即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来排序
      所以对数字排序时,可能会得到错误的结果
    • 我们可以自己指定排序规则
    可以在sort()添加一个回调函数,来指定排序规则
    回调函数中需要定义两个形参
    浏览器将会分别使用数组中的元素作为实参去调用回调函数
    使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边
    如果返回一个大于0的值,则元素会交换位置
    如果返回小于0的值,则元素位置不变
    如果返回一个0,则认为两个元素相等,不交换位置
    
    arr = [5,4];
    
    arr.sort(function(a,b){
    //升序 a-b
    //降序 b-a
         return a-b;
    });
    

    Array.isArray(obj)
    判断一个对象是不是数组

    数组的遍历

    • 使用for循环遍历
    • 使用forEach遍历(此方法只支持IE8以上浏览器
    //forEach()方法需要一个函数作为参数
    arr.forEach(function(a) {
          console.log("a = "+a);
    });
    

    像这种函数,我们创建但是不由我们调用的,我们称为回调函数
    数组中有几个元素,函数就会执行几次,每次执行时,浏览器会将遍历到元素以实参的形式传递进来

    • 浏览器会在回调函数中传递三个参数
      第一个参数,就是当前正在遍历的元素值:value
      第二个参数,就是当前正在遍历的元素索引:index
      第三个参数,就是正在遍历的数组
  • 相关阅读:
    Java: Regular Expressions
    Java: Checked & Unchecked Exceptions
    二叉树的构建和层级打印
    [leetcode] 1032: Stream of Characters: Tries&AC自动机
    [leetcode] 1503: Previous Permutation With One Swap
    robot moving on the surface of a square
    killing rabbits
    Find the longest route with the smallest starting point
    [leetcode] Minimum Number of K Consecutive Bit Flips
    检测设备横屏 || 竖屏的状态
  • 原文地址:https://www.cnblogs.com/psyduck/p/14199693.html
Copyright © 2020-2023  润新知