JavaScript的数组(一)
在JavaScript中,对象,数组,函数是最最常用的东东了,写完了对象和函数,最后来说说数组吧,提到数组,就只能想到,map,forEach啊,pop,push啊,当真是没有一点点的积累了?这么多年程序媛当真是就只学会了for循环了,人生如此美妙,你却如此浅薄无知啊,可惜啊可惜!如果你当真认为是这样,你就是个笨蛋啦。废话不多说,干货走起!
首先,说下数组元素可以是任意类型的,索引是从零开始的,数组可能是稀疏的,即数组元素的索引不一定是要连续的哦,中间可以有空缺的呦。那么数组的length针对于稀疏数组,length大于所有元素个数的和。
数组呢,是对象的特殊形式,所以它的索引实际上和碰巧是整数的属性名差不多。但是,用数字索引来访问数组元素一般来说要比访问常规的对象属性要快很多。
数组继承自Array.prototype中的属性。
1,创建数组
这里说一种不常见的创建方式
var undefs = [,,]
undefined
undefs
(2) [empty × 2]
var a = new Array();
var b = new Array(10);
var c = new Array(1,2,3,4,'thank you')
javascipt将指定的数字索引值转换成字符串----索引值1变成“1”,然后将其作为属性名来使用
var o = {};
o[1] = "one";
数组的特殊之处在于,根据需要更新他们的length属性值。
注意:可以使用负数或非整数来索引数组。事实上数组索引仅仅是对象属性名的一种特殊类型。
2,稀疏数组,length
即包含从0开始的不连续索引的数组。
var a = new Array(5);
a[1000] = 0;
0
a
(1001) [empty × 1000, 0]
length一个特殊之处在于,看下面的例子:
var a = [1,2,3,4,5];
a.length = 3;
3
a
(3) [1, 2, 3]
a.length = 0
0
a
[]
a.length = 5
5
a
(5) [empty × 5]
3:数组的添加和删除
arr.push('one','two');//尾部插入
arr.unshift() //首部插入
delete a[1] //删除操作不影响数组原来的长度,删除后原数组变成了稀疏数组。
pop()//尾部删除一个元素
shift()//头部删除一个元素
splice() 是一个通用的插入,删除,替换操作数组的方法。
4数组的遍历
常用for循环,不能用for/in循环去检测数组,因为for/in循环能够枚举继承的属性名,如添加到Array.prototype中的方法。除非用额外的检测方法来过滤不想要的属性。
5.数组的方法:
join(),reverse(),sort(),concat(),slice(),splice()
toString()
新的数组方法来遍历,映射,过滤,检测,简化和搜索数组。
every()和some()不总是访问每一个数组元素,如果有fasle就会尽早终止遍历。
var a = [2,12,3,5,6];
a.forEach(function(v,i,a){a[i] = v+1})
a.map(function(x){return x*x});
a.filter(function(x){return x<3}) //返回的数组元素是调用的数组的一个子集。
a.every(function(x){return x<10}) //所有的值都<10
a.some(function(x){return x<10}) //存在有小于10的数就是true
重点来说说不常用的reduce函数:
var a = [2,3,4];
var result = a.reduceRight(function(x,y){
return Math.pow(y,x);
})
这里的union函数自己写的,运行下貌似没问题,可以合并对象属性:
var objects = [{x:1},{y:2},{z:3}];
function union(x,y){
for(var i in y){
i in x ? null : x[i] = y[i];
}
return x;
}
var merged = objects.reduce(union);
最后一个方法:indexOf()和lastIndexOf(),里面传值都是要检索的字段,没有就返回-1,有就返回索引,一个从前往后查找,一个从后往前查找。没啥说的。本篇结束!!!
JavaScript的数组(一)的更多相关文章
- JavaScript Array数组方法详解
Array类型是ECMAScript中最常用的引用类型.ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别.虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表, ...
- JavaScript从数组中删除指定值元素的方法
本文实例讲述了JavaScript从数组中删除指定值元素的方法.分享给大家供大家参考.具体分析如下: 下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个 ...
- JavaScript中数组操作常用方法
JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...
- javascript常用数组算法总结
1.数组去重 方法1: JavaScript //利用数组的indexOf方法 function unique (arr) { var result = []; for (var i = 0; i & ...
- javascript中数组的22种方法
× 目录 [1]对象继承 [2]数组转换 [3]栈和队列[4]数组排序[5]数组拼接[6]创建数组[7]数组删改[8]数组位置[9]数组归并[10]数组迭代[11]总结 前面的话 数组总共有22种方法 ...
- javascript中数组Array的方法
一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...
- 第二章:javascript: 数组
数组是编程世界里最常见的数据结构.任何一种编程语言都包含数组,只是形式稍微有差异.数组是编程语言中的内建类型,通常效率都很高.可以满足不同需求的数据存储,本章将探索javascript中的数组工作原理 ...
- JavaScript操作数组
数组被描述为一个存储元素的线性集合,元素可以通过索引来任意存取. 几乎所有的编程语言都有类似的数据结构,但是Javascript中的数组却略有不同. Javascript中的数组是一种特殊的对象,所以 ...
- Javascript中数组
Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...
- JavaScript删除数组重复元素的5个高效算法
之前一段时间一直在准备面试, 因而博客太久没更新: 现在基本知识点都复习完毕, 接下来就分享下 面试的一些常见问题: 去正规的互联网公司笔试.面试有很大的概率会碰到 使用javascript实现数组去 ...
随机推荐
- djangp-filter的使用
目录 Filter定义 Filter定义 定义如下Filter类 class BookFilter(django_filters.FilterSet): name = django_filters.C ...
- rxjava2 dependency
<dependency> <groupId>io.reactivex.rxjava2</groupId> <artifactId>rxjava</ ...
- Tarjan模板——求强连通分量
Tarjan求强连通分量的流程在这个博客讲的很清楚,再加上我也没理解透,这里就不写了. 缩点:将同一个连通块内的点视为同一个点. 扔一道模板题:codeVS2822爱在心中 第一问很显然就是求点数大于 ...
- Django常见错误总结
1 ImportError: No module named 'MySQLdb' 解决方法: . 安装pymysql模块 . 在app的__init__.py文件中写入以下内容 import pymy ...
- printf 输出浮点数
在测试printf函数输出结果时,写了如下代码: /** * printf:格式化输出函数 * printf函数不会按照格式控制而对数据类型进行转换,不管三七二十一, * 抓到二进制数据就按照格式控制 ...
- jenkins使用(4)-发邮件
邮箱配置 邮件触发器:达到条件就会发邮件 对单独的服务设置邮件 系统设置如下 回到单个任务的设置 配置中的主题设置如下: 回到单个任务的设置 配置中如下: 选择工作空间中的一个文件 发送多个附件: 邮 ...
- NBA球星的生意经 个人流量化之路
个人流量化之路" title="NBA球星的生意经 个人流量化之路"> 在国人欢天喜地的庆祝新春佳节之时,大洋彼岸也在进行着让全球篮球迷为之"着魔&quo ...
- 解密JDK8 枚举
写一个枚举类 1 2 3 4 5 6 public enum Season { SPRING, SUMMER, AUTUMN, WINTER } 然后我们使用javac编译上面的类,得到class文件 ...
- ES Templates push
{ "order": 0, "template": "connector-connection*", "settings" ...
- 《英诗金库》I-46:Full Fathom Five, by W. Shakespeare
作品基本信息 作品名称:A Sea Dirge(海的挽歌) 作者:William Shakespeare(威廉·莎士比亚) 出版年代:1612 编注:此诗选自<暴风雨>第一幕第二场.标题& ...