js 数组的常用方法

// 关于JS数组常用方法的剖析

// 数组也是对象数据类型的,也是由键值对组成的

```javascript

var ary = [12,23,34];

/*

* 结构:

* 0:12

* 1:23

* 2:34

* length:3

*/

1.以数组作为索引(属性名),索引从零开始递增

2.有一个LENGTH属性存储的是数组长度

ary[0] 获取第一项

ary[ary.length-1] 获取最后一项

```

// 数组中的每一项的值可以是任何数据类型的

```javascript

var ary = [

{

name:'xxx',

age:20

},

{

name: 'xxx',

age: 12;

}

];

// 数组中常用方法

> 按照四个维度记忆:

> -方法的作用

> -方法的参数

> -方法的返回值

> -原有数组是否改变

### "push"

作用:向数组”末尾“追加新的内容

参数:追加的内容(可以是一个,也可以是多个)

返回值:新增后数组的长度(length)

原来数组改变

```

var ary = [12,23,34];

ary.push(100);

```

### "pop"

作用:删除数组最后一项

参数:无

返回值:被删除是我那一项内容)

原来数组改变

```

var ary = [12,23,34];

ary.pop()

```

### "shift"

作用:删除数组中的第一项

参数: 无

返回:被删除的那一项内容

原有数组改变

```

// 基于shift删除数组中的第一项,第一项被删除后,原有后面每一项的索引都要向前减1

var ary = [12,23,34];

ary.shift()

```

### "unshift"

作用:向数组开始位置追加新内容

参数: 新增的内容

返回:新增后数组的长度(length)

原有数组改变

```

// 基于unshift新增数组中的第一项,第一项新增后,原有后面每一项的索引都要向后加1

var ary = [12,23,34];

ary.unshift(11,true)

```

### "splice"

基于SPLICE作用可以对数组进行很多操作:删除指定位置的内容,向数组指定位置增加内容,还可以修改指定位置信息

删除:ary.splice(n,m)

作用:从索引n开始,删除m个内容

参数:ary.solice(n,m)

返回:把删除的部分以一个新数组返回

原有数组改变

```

var ary = [12,23,34,45,56,67,78,89,90];

ary.splice(2,3)  //[34,45,56]

ary.splice(2) //[34,45,56,67,78,89,90];

// 如果不指定m,或者删除的个数大于最大长度,都是删除到数组末尾

```

增加:ary.splice(n,0,x,...)

作用:从索引n开始删除零项(没删除),把X或者更多需要插入的内容存到数组中索引N的”前面“

参数:ary.splice(n,0,x,...)

返回:一个空数组[]

原数组有变换

原理:把原有内容删除掉,然后用新的内容替换这部分信息即可

```

var ary = [12,23,34,45,56,67,78,89,90];

ary.splice(2,3)  //[34,45,56]

ary.splice(2)

```

// 删除数组最后一项由几种方法

var ary = [12,23,34,45,56,67,78,89,90];

1).ary.pop()

2).ary.splice(ary.length-1)

3).ary.length--

4).delete ary[ary.length]  //不建议基于delete删除数组中的某一项,虽然内容没有了,但是数组的length长度没有改变

// 向数组末尾追加新内容

var ary = [12,23,34,45,56,67,78,89,90];

1).ary.push(100)

2).ary.splice(ary.length,0,100)

3).ary[ary.length] = 100;

### 'slice'

作用:在一个数组中,按照条件查找出其中的部分内容

参数:两个参数(n/m) slice(n,m)  从索引n开始,找到索引m处,但不包含m

返回:以一个新数组存储查找的内容

原有数组不会改变

```

var ary = [12,23,34,45,56,67,78,89,90];

ary.slice(0) || ary.slice()  // 数组克隆(克隆后的地址与原来的地址不一样)

特点: 如果不写m,则查找到数组末尾

ary.slice(0) || ary.slice() 实现数组的克隆,克隆一个新的数组出来,和原来的数组内容一样,但是不是相同的堆内存空间,两个数组是不相等对立的(浅克隆)

支持负数索引,负数运算规则,数组总长度+负数索引

```

### 'concat'

作用:实现多个个数组(或者值)拼接

参数:数组或者值

返回:拼接后的新数组

原来数组不变

```

var ary1 = [12,23];

var ary2 = [100,200];

var ary3 = [1000,2000];

ary1.concat(ary2,"珠峰",ary3)

可以基于空数组作为拼接的开始,在小括号中排列拼接的顺序,空数组不会占据内容的位置

```

### 'toSting'

作用: 把数组转换为字符串

参数:无

返回:数组中的每一项用逗号分隔的字符串

原有数组不会改变

```

var ary1 = [12,23];

ary.toString();

```

### 'join'

作用:和toString类似,也是把数组转换为字符串,但是我们可以设置变为字符串后,每一项之间的连接符

参数:指定的连接符

返回: 字符串

原数组不变

```

var ary1 = [12,23];

ary.join("+");  '12+23'

eval(ary.join("+"))  // 35

// eval()  eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码

eval('12+13px')  //报错

eval('12+true')  //13

eval('12+false') //12

eval('12+null')  //12

eval('12+undefined') //NaN

eval('12+[]')  //"12"

eval('12+{}')  //"12[object Object]"

基于join我们可以实现数组中的每一项求和的功能

1.基于join,使用+作为分隔符,先把数组变为每一项相加的字符串

2.基于eval,把字符串变为js表达式执行,得到的结果就是数组中每一项的累加和。

```

### "reverse"

作用:把数组倒过来排序

参数:无

返回:排列后新数组

原有数组改变

```

var ary = [12,23];

ary.reverse()  //[23,12]

```

### "sort"

作用:给数组排序

参数:无/函数

返回:排序后的新数组

原有数组改变

```

var ary = [12,23,34,45,56,67];

ary.sort()

sort在不传递参数的情况下,只能处理10以内的数字排序

var ary = [18,1,23,27,35,3,56];

ary.sort() // [1,18,23,27,3,35,56];

// =>真实项目中,基于sort排序,我们都需要传递参数

var ary = [18,1,23,27,35,3,56];

ary.sort(function(a,b){

return a-b;  //升序

return b-a;  //降序

})

```

### 'indexOf/lastIndexOf'

这两个方法不兼容IE低版本浏览器(IE6-8)

作用:检测当前值在数组中第一次或者最后一次出现位置的索引

参数:要检测的值

返回:索引

原有数组不变

```

var ary = [12,23,34,45];

ary.indexOf(34)  //2

ary.indexOf(100)  //-1

基于indexOf检测,如果数组中有这一项,返回一个大于等于零的索引,如果没有这一项,返回的索引为-1

```

console.log(Array.prototype)可以看见数组的所有方法

数组原型内的方法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容