JS数组

创造数组

构造函数

在使用构造函数创建数组时如果传入一个数字参数，则会创建一个长度为参数的数组，如果传入多个，则创建一个数组，参数作为初始化数据加到数组中。

var a1 = new Array(5);
console.log(a1.length);//5
 console.log(a1); //[] ,数组是空的

 var a2 = new Array(5,6);
 console.log(a2.length);//2
 console.log(a2); //[5,6]
字面量

使用字面量方式，无论传入几个参数，都会把参数当作初始化内容。

var a2 = [5,6];
console.log(a2.length);//2
console.log(a2); //[5,6]

添加/删除元素

数组的值可以通过自然数索引访问进行读写操作，也可以通过索引来添加或删除。

var a=[1,2,3];
a[3]=4;
console.log(a);//[1, 2, 3, 4]

数组也是对象，索引只是特殊的属性，所以我们可以使用删除对象属性的方法,使用delete 删除数组元素.

delete a[2];

push/pop

push向数组的末尾添加一个或更多元素，并返回新的长度。

var a = [1, 2, 3];
a.push(4);
console.log(a);//[1, 2, 3, 4]

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

var a = [1, 2, 3, 4];
a.pop(3);
console.log(a);//{1, 2, 3}

shift/unshift

shift删除并返回数组的第一个元素。

var a = [1, 2, 3, 4];
a.shift();
console.log(a);//[2, 3, 4]

unshift向数组的开头添加一个或更多元素，并返回新的长度。

var a = [1, 2, 3, 4];
a.unshift(0);
console.log(a);//[0, 1, 2, 3, 4]

splice

splice 删除元素，并向数组添加新元素。由三个参数：
1.开始索引
2.删除元素的位移
3.插入的新元素，当然也可以写多个
splice方法返回一个由删除元素组成的新数组，没有删除则返回空数组。

删除
var a = [1, 2, 3, 4, 5];
console.log(a.splice(1,3));//[2, 3, 4]
console.log(a.length);//2
console.log(a);//[1,5]
添加

只要方法第二个参数，也就是删除动作执行的次数设为0，第三个参数及以后填写要插入内容就splice就能执行插入操作，而如果第二个参数不为0则变成了先在该位置删除再插入，也就是替换效果。

var a = [1,2,3,4,5];
a.splice(1,0,9,99,999);
console.log(a.length); //8
console.log(a);//[1, 9, 99, 999, 2, 3, 4, 5]

join(char)

把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

var a = [1,2,3,4,5];
console.log(a.join(',')); //1,2,3,4,5
console.log(a.join(' ')); //1 2 3 4 5

slice(start,end)

slice方法用于返回数组中一个片段或子数组，如果只写一个参数返回参数到数组结束部分，如果参数出现负数，则从数组尾部计数。

var a = [1,2,3,4,5];
console.log(a); //[1, 2, 3, 4, 5]
console.log(a.slice(1,2));//2

concat(array)

concat方法用于拼接数组，a.concat(b)返回一个a和b共同组成的新数组，同样不会修改任何一个原始数组，也不会递归连接数组内部数组。

var a = [1,2,3,4,5];
var b = [6,7,8,9];
console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(a); //[1, 2, 3, 4, 5]
console.log(b); //[6, 7, 8, 9]

reverse()

方法用于将数组逆序，与之前不同的是它会修改原数组。

var a = [1,2,3,4,5];
a.reverse();
console.log(a); //[5, 4, 3, 2, 1]

sort

sort方法用于对数组进行排序，当没有参数的时候会按字母表升序排序。

var a=[5,4,3,2,1]
a.sort()
console.log(a) //[1, 2, 3, 4, 5]

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

  • 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
  • 若 a 等于 b，则返回 0。
  • 若 a 大于 b，则返回一个大于 0 的值。
 var a = [7,8,9,10,11]

    a.sort(function(a,b){
      if (a < b ) {      
        return -1
      }
      if (a > b ) {
        return 1
      }
      return 0
    })
    console.log(a) //[7, 8, 9, 10, 11]

Array.isArray(obj)

这是Array对象的一个静态函数，用来判断一个对象是不是数组。

var a = [];
var b = new Date();
console.log(Array.isArray(a)); //true
console.log(Array.isArray(b)); //false

.indexOf(element) / .lastIndexOf(element)

两个方法用于查找数组内指定元素位置，查找到第一个后返回其索引，没有查找到返回-1，indexOf从头至尾搜索，lastIndexOf反向搜索。

var a = [1,2,3,3,2,1]
console.log(a.indexOf(2)) //1
console.log(a.lastIndexOf(2)) //4

.forEach(element, index, array)

遍历数组，参数为一个回调函数，回调函数有三个参数：
1.当前元素
2.当前元素索引值
3.整个数组

var a = new Array(1,2,3,4,5,6);

a.forEach(function(value,i,array){
    array[i]= value + 1;
});

console.log(a);//[2, 3, 4, 5, 6, 7]

.every(function(element, index, array)) / .some(function(element, index, array))

这两个函数类似于离散数学中的逻辑判定，回调函数返回一个布尔值

  • every是所有函数的每个回调函数都返回true的时候才会返回true，当遇到false的时候终止执行，返回false
  • some函数是“存在”有一个回调函数返回true的时候终止执行并返回true，否则返回false
var a = [1, 2, 3, 4, 5, 6]

console.log(a.every(function(value, i, arr){
return e < 5
}))

console.log(a.some(function(value,i,arr){
  return e > 4
}))

.map(function(element))

与forEach类似，遍历数组，回调函数返回值组成一个新数组返回，新数组索引结构和原数组一致，原数组不变。

var a = [1, 2, 3, 4, 5, 6];

console.log(a.map(function(value){
  return value * value;
}));  // [1, 4, 9, 16, 25, 36]

console.log(a); //[1, 2, 3, 4, 5, 6]

.filter(function(element))

返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加入到返回数组中，false则不加。
新数组只包含返回true的值，索引缺失的不包括，原数组保持不变。

var a = [1, 2, 3, 4, 5, 6];

console.log(a.filter(function(value){
  return value % 2 == 0;
})) // [2, 4, 6]

console.log(a) //[1, 2, 3, 4, 5, 6]

.reduce(function(v1, v2), value) / .reduceRight(function(v1, v2), value)

遍历数组，调用回调函数，将数组元素组合成一个值，reduce从索引最小值开始，reduceRight反向，方法有两个参数:

  • 回调函数：把两个值合为一个，返回结果
  • value，一个初始值,可选
var a = [1, 2, 3, 4, 5, 6];
a.reduce(function(v1,v2){
    return v1+v2;
})//21
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 214,504评论 6赞 496
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 91,434评论 3赞 389
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 160,089评论 0赞 349
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,378评论 1赞 288
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,472评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,506评论 1赞 292
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,519评论 3赞 413
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,292评论 0赞 270
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,738评论 1赞 307
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2赞 329
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1赞 342
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,873评论 5赞 338
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,536评论 3赞 322
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2赞 365
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2赞 352

推荐阅读更多精彩内容

  • js数组Array方法
    创建数组 arr.length--- title: js正则表达式categories: javascriptda...
    angelwgh阅读 1,391评论 0赞 2
  • JS数组总结
    数组的创建 数组的创建有三种方式：构造函数方式、字面量方式、ES6新增的Array.of()方法创建。 构造函数方...
    hnscdg阅读 733评论 0赞 2
  • JS数组的操作
    上一篇JS字符串的操作中，介绍了split方法可以将字符串转化为以某种形式分割的数组，然后可以对其采用数组的操作方...
    大春春阅读 5,226评论 1赞 5
  • JS对象 & JSON & JS数组操作
    JS对象 & JSON & JS数组操作 JSON 格式（JavaScript Object Notation 的...
    antimony阅读 870评论 0赞 2
  • js数组
    JS 对象 对象由若干个键值对组成 对象的获取对象 company.name company['name'] 新增...
    Frank_Yi阅读 282评论 0赞 0