详述JavaScript数组
摘要
数组是JavaScript中的常用类型,本文详述了数组的基本知识以及一些常用的数组方法,并对每种方法进行了详细解释
数组定义
- 用字面量直接定义
var arr=[0,0,0]; //注意,是方括号
- 通过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
- 为构造器上的方法
转载于:https://www.cnblogs.com/rongmm/p/6278891.html
详述JavaScript数组相关推荐
- linux 位置参数数组,JavaScript数组详解
摘要 数组是JavaScript中的常用类型,本文详述了数组的基本知识以及一些常用的数组方法,并对每种方法进行了详细解释 数组定义 用字面量直接定义 var arr=[0,0,0]; //注意,是方括 ...
- [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)
课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...
- 这是如何更好地利用JavaScript数组的方法
by pacdiv 由pacdiv 这是如何更好地利用JavaScript数组的方法 (Here's how you can make better use of JavaScript arrays) ...
- Javascript 数组
Javascript 数组 Javascript中的Array可以包含任意数据类型,并通过索引来访问每个元素. 要取得Array的长度,直接访问length属性: var arr = [1, 2, 3 ...
- JavaScript 数组拼接打印_JavaScript 数组方法
JavaScript 数组方法 JS 数组 JS 数组排序 JavaScript 数组的力量隐藏在数组方法中. 把数组转换为字符串 JavaScript 方法 toString() 把数组转换为数组值 ...
- 如何将JavaScript数组信息导出到csv(在客户端)?
本文翻译自:How to export JavaScript array info to csv (on client side)? I know there are lot of questions ...
- 从JavaScript数组中获取随机项[重复]
本文翻译自:Get random item from JavaScript array [duplicate] This question already has answers here : 这个问 ...
- 创建零填充JavaScript数组的最有效方法?
在JavaScript中创建任意长度的零填充数组的最有效方法是什么? #1楼 使用对象符号 var x = []; 零填充? 喜欢... var x = [0,0,0,0,0,0]; 充满" ...
- 判断javascript数组的方法
2019独角兽企业重金招聘Python工程师标准>>> 判断javascript数组的方法 var is_array=function(){ return value &&a ...
最新文章
- swift_034(Swift 动态库/静态库区别)
- python读取txt数据-python读取文本文件数据
- html css加载不了_CSS加载会阻塞页面显示?
- Qt学习笔记-SQL的基本操作【创建、查询、添加、索引等】
- Unit25 Congratulation
- python 导入包 导入模块
- html弹跳qq群号代码,抖音上QQ群霸屏消息代码分享_抖音上QQ群霸屏消息代码大全-街机中国...
- 微PE工具箱四合一下载并安装
- 使用病毒数据库离线更新包
- InfiniBand -- 无限带宽技术(简称IB) 基于 Ubuntu 16.04 安装 IB 驱动
- Unity Demo ——3D时钟
- PLC模拟量控制的3个要求
- ES2022 有什么新功能?一起来瞧瞧
- C++ 动态申请二维数组与二维数组传参
- ad怎么查接线_Altium怎么进行线路的开路检查?
- 06-navicat备份数据库文件.psc和.nb3文件的区别
- python如何调用pyd_C#调用pyd
- [技术脑洞] 如果把14亿中国人拉到一个微信群里技术上能实现吗?
- 机器学习算法笔记之K近邻算法(KNeighborsClassifier)
- 【CV】Swin Transformer:使用 Shifted Windows 的分层视觉 Transformer
热门文章
- 一个线程池 bug 引发的 GC 思考!
- 与 30 家公司过招,得到了这章面试心法
- 利用策略模式优化过多 if else 代码
- Git 代码防丢指南
- 假笨说-协助美团kafka团队定位到的一个JVM Crash问题
- 【Scratch】青少年蓝桥杯_每日一题_5.07_猜数字
- 青少年蓝桥杯_2020_steam考试_初级组_第四题
- php 处理raw数据,php以raw格式传递数据
- makefile使用宏及用法$(宏标识符) $(cc)_宏编程的艺术
- 帆软报表等于空的时候不显示_查询结果为空时不显示报表内容