zoukankan      html  css  js  c++  java
  • 详述JavaScript数组

    摘要

    数组是JavaScript中的常用类型,本文详述了数组的基本知识以及一些常用的数组方法,并对每种方法进行了详细解释

    数组定义

    1. 用字面量直接定义
    var arr=[0,0,0]; //注意,是方括号
    
    
    1. 通过new Array();
    • 参数为一个时,表示数组的长度
    • 参数为多个时,则表示数组元素

    数组增删

    • arr(arr.length)=0; //在数组最后面添加元素
    • push()/pop(); //在数组最后面增删元素
    • unshift()/shift(); //在数组最前面增删元素

    数组迭代

    for...in,eg:for(i in arr){}

    • 遍历数组
    • 会把数组原型链上的元素一同遍历出来
    • 是无序遍历

    二维数组

    定义:
    var arr=[[0,1],[0,1]]

    稀疏数组

    并不含有从0开始的连续索引,一般数组的length会比实际元素个数大。不连续的索引返回undefined,可利用此判读。

    数组方法

    数组原型链上提供了大量方法

    Array.prototype.join()

    • 将数组转为字符串,同时将传入字符串插入每个元素中间,可通过此方法将字符串重复
    function reapeatString(str,n)
    {
    	return new Array(n+1).join(str);
    }
    reapeatString(hi,3);  //hihihi
    
    

    Array.prototype.reverse()

    • 将数组逆序,直接修改数组

    Array.prototype.sort()

    • 将数组排序,默认按字母升序排列,直接修改数组
    • 可按自定义规则排序,传入比较函数
    arr.sort(function(a,b){
    	return a-b;  
    })
    

    按正常数值相减的正负返回,是升序排列;按正常数值相减的正负符合取反,是降序排列.
    传入的a,b可以是对象或数组(但都是某个数组的元素),相减时再具体到数组的第几个数值或对象的哪个属性,最后会按结果对包含数组排序

    Array.prototype.concat()

    • 合并数组,不直接修改原数组,需通过返回值才能拿到结果
    • 若传入参数是一维数组,会被拉平
    • 若传入参数是二维数组,,会拉平最外第一维,元素数组格式不变
    var arr=[0,0,0];
    arr.concat([1,2],10); //[0,0,0,1,2,10]
    arr.concat([[1,2],10]); //[0,0,0,[1,2],10]
    

    Array.prototype.slice(n,m)

    • 获取部分数组,arr[n]到arr[m-1],即左闭右开
    • Array.prototype.slice(n),从arr[n]到最后,包含最后的所有元素
    • 若参数为负值,则表示由后往前的索引值,最后一个元素为-1

    Array.prototype.splice()

    • 删除和添加部分数组,对原数组直接修改
    • 传入参数:
    • 第一个:索引
    • 第二个:删除个数 (可无)
    • 后面:将添加的数组,在索引处添加 (可无)

    Array.prototype.forEach(function(x,index,a){})

    • 遍历数组,对每个元素调用回调函数
    • 回调函数可传入三个参数:元素的值,元素的索引,数组本身

    E5S的新方法,IE9及以上支持,接下来都是

    Array.prototype.map(function(x,index,a){})

    • 数组映射,对每个元素按函数里的映射方式进行映射,不直接修改原数组

    Array.prototype.filter(function(x,index,a){})

    • 数组过滤,按回调函数返回值的真假,过滤掉为真的元素,不直接修改原数组,通过返回值拿结果

    Array.prototype.every(function(x,index,a){})

    • 数组判断,每一个元素,回调函数都返回真时,返回真。发现有不满足的元素,就不继续遍历了

    Array.prototype.some(function(x,index,a){})

    • 数组判断,存在元素,回调函数返回真时,返回真。发现有满足的元素,就不继续遍历了

    Array.prototype.reduce(function(x,y){})

    • 数组元素累加,对数组元素逐个进行操作,每次操作的结果将用于下一次操作
    • 回调函数传入参数
    • 第一个:上次回调函数的返回值,第一次时为数组第一个元素
    • 第二个:这次将操作的数组元素,第一次时为数组第二个元素

    Array.prototype.indexOf(要查找的元素,开始查找的位置)

    • 查找元素
    • 返回值:首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1

    Array.isArray(所要检查的对象)

    • 检查对象是否为数组,是返回true,否则false
    • 为构造器上的方法
  • 相关阅读:
    Heapsort 堆排序算法详解(Java实现)
    GIve Me A Welcome Hug!
    linux系统救援模式拯救mv libc.so.6文件后无法使用命令的悲剧
    RabbitMQ集群部署
    使用Xshell通过堡垒机登录服务器
    dubbo + zookeeper环境部署
    zookeeper集群部署
    zabbix-3.0.1 添加微信报警
    zabbix-3.0.1结合grafana绘图
    Centos7.2安装zabbix3.0.1简要
  • 原文地址:https://www.cnblogs.com/rongmm/p/6278891.html
Copyright © 2011-2022 走看看