js数组对象常用的方法

JavaScript015

js数组对象常用的方法,第1张

数组转换字符串

array.join()    // 将数组的值拼接成字符串。

var arr = [1,2,3,4,5]

arr.join()   // 不传参数,默认按【,】进行拼接

arr.join("-")  // 参数是字符串类型 按【-】进行拼接

数组的增删操作

array.push(value,[value[,...]])   //将一个或多个元素添加到数组的结尾,并返回新的长度。

array.pop()   //从数组中删除最后一个元素,并返回该元素的值,改变了数组的长度

array.unshift(value,[value[,...]])   //将一个或多个元素添加到数组的开头,并返回新的长度。

array.shift()    //从数组中删除第一个元素,并返回该元素的值,改变了数组的长度

数组的翻转与排序

array.reverse()    // 翻转数组,返回翻转过的数组

array.sort()    // 默认排序顺序是根据字符串Unicode码点,比如如果是数字的话,排序结果是10小于2,因为比较的是第一位

var arr = [1,3,10,2,4,40,5]

arr.sort()    // [1, 10, 2, 3, 4, 40, 5]

// sort方法可以传递一个函数作为参数,这个参数用来控制数组如何进行排序

var arr = [1,2,10,4,40,5]

arr.sort(function(a,b)

    return a-b  //按照正序

    return b-a //按照倒序

})

数组的拼接与截取

concat:数组合并,不会影响原来的数组,会返回一个新数组。

var arr = [1,2,3]

var arr1 = ["a","b","c"]

var newArray = arr.concat(arr1)    //[1,2,3,"a","b","c"]

slice:复制数组的一部分到一个新数组,并返回这个新数组,原来的数组不受影响,包含头,不包含尾

var newArray = array.slice(begin, end)

var arr = [1,2,3,4,5]

arr.slice(0,3) //[1,2,3]

arr.slice(-3,-1) //[3,4]

splice: 以新元素来替换旧元素,以此来修改数组的内容,返回被替换的内容,原数组被改变

start:开始位置  deleteCount:删除的个数  items:替换的内容

array.splice(start, deleteCount, [items[,items...])

var arr = [1,2,3,4,5]

var newArray = arr.splice(0,3,"a","b","c","d")

console.log(newArray)    //[1, 2, 3]

console.log(arr)    // ["a", "b", "c", "d", 4, 5]

数组查找元素

indexOf方法用来查找数组中某个元素第一次出现的位置,如果找不到,返回-1

array.indexOf(search, [fromIndex])

lastIndexOf()从后面开始查找数组中元素第一次出现位置,如果找不到,返回-1 

array.lastIndexOf(search, [fromIndex])

链接:https://www.jianshu.com/p/5d4df649cca5

一、概述

join( ) ————————数组转字符串

split( ) ———————–字符串转数组

push( ) ———————-将数据添加到数组尾部

pop( ) ———————–数组末尾移除最后一项

shift( ) ———————–删除原数组第一项

unshift( ) ——————–将数据添加到数组头部

sort( ) ————————按升序排列数组项

reverse( ) ——————–反转数组项的顺序

concat( ) ——————–多个数组合并,原数组不变

slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组,原数组不变

splice( ) ———————-从数组中添加/删除项目,然后返回被删除的项目,改变原数组

二、定义和用法

1、join()

2、concat()

3、pop()

4、shift()

5、push()

6、unshift()

7、reverse()

8、slice()

9、splice()

10、toString()

11、sort()

12、includes()

13、forEach()

14、map()

在Js Array中的方法大致分为两类:方法改变原数组 &方法生成新数组(不改变原数组)

1.push():向原数组的最后一位添加一个元素。返回数组长度

2.unshift():向原数组的最前添加一个元素。返回数组长度

3.pop():截取数组中最后一个元素。返回被截取的元素

4.shift():截取数组中第一个元素。返回被截取的元素

以上四个方法可以放在一起记忆,不要被方面名所误导。

5.splice():splice(index, howmany, item1,...itemX) 方法有多个参数可选,常用于分割数组。返回处理后的数组

第一个参数:从第n个元素的下标开始截取;

第二个参数:从第n个元素的下标开始截取多少个元素;

第三到n个参数:将截取的元素替换为什么

6.sort():sort(fn) 方法有一个参数可选,用于给数组排序。在不写参数的情况下会对数组中的元素进行从小到大的顺序排序。但不会识别数字(按照数字ACSLL编码表进行排序)

可选参数:参数返回一个函数,这个函数中有两个形参 .sort(function(a, b){}) 。形参中的a和b会类冒泡的访问数组中的元素;例:[1, 2, 3, 4] a b 分别会选择 1,2、 1,3 、 1,4 、 2,3 、 2,4 、 3,4。当a-b>1时,交换ab的值;当a-b<1时,不动。由此,可在此函数体中写出自定义的排序规则。返回排序后的数组

7.reverse():倒序排列整个数组。返回数组

1.concat():concat(arr)将两个数组拼接在一起。返回新数组

2.join():join('str')一个可选参数,返回以一个字符串将数组中的元素拼接成字符串。与str的split('str')方法相反,split()是将字符串以一个字符串拆分成数组。

3.toString():与join()函数不填写参数一样,返回一个一 逗号 ,拼接的字符串。

4.slice():选取数组中的第n个元素到第n个元素。返回新数组,也可不写参数返回数组的副本。

5.indexOf():index(item, start)方法有两个参数。返回指定元素在数组中的索引值;如果未找到指定元素,返回 -1

第一个参数:指定的元素

第二个参数:从填入的索引开始寻找