js数组对象常用的方法

JavaScript016

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

声明创建一个数组对象: var arr = new Array() 或者 var arr = []

连接两个或者多个数组,并且返回该数组,语法: array.concat(object,object,......)

通过指定字符(参数)对数据进行分割,返回字符串,参数省略的话则用默认用逗号为分隔符

删除数组的最后一个对象,返回该删除元素的值

向数组末尾添加一个或者多个对象,语法: array.push(newObject1,newObject2,.....)

删除数组的第一个对象,并返回删除的元素

向数组开头添加一个或者多个元素,并返回新的长度

从已知数组中返回指定选中的数据(不包括end 对应的元素),如果省略 end 将复制 start 之后的所有元素,该操作不会修改原数组的数据, slice(start,end)

向数组中删除/添加对象,并返回被删除的元素

splice(index,count,item1,item2,......)

方法用户对数组的排序, sort(sortby) ,sortby可选,必须是函数。如调用方法没有使用参数,则按字母顺序进行排序。

只要有一个满足的就返回true,没有满足的返回false

验证数组中是否每个元素都满足指定的条件

没有返回值,可以不知道数组长度

arr.forEach(function(res,index){ })

返回值组成新数组,原数组不变

过滤通过条件的元素组成一个新数组,原数组不变

查找出第一个符合条件的数组成员,并返回该成员,如果没有找到就返回undefine

找到的是位置,找不到返回 -1

填充, arr.fill(填充的东西,start,end) 包括end

如何把JS对象转成数组

1. 前言

首先,当JS对象是键值对的情况时(Json对象),因为数组时以数字为索引的,所以只能把JS对象中的Key或者Value组成数组使用。

2. 样例如下:

var obj={"one":"I am 1","two":"I am 2"}

var arr = Object.getOwnPropertyNames(obj) //arr=["one", "two"]

var arr2 = Object.keys(obj)//arr=["one", "two"]

var valArr = arr.map(function(i){return obj[i]})//["I am 1", "I am 2"]

var valArr2 = arr2.map(function(i){return obj[i]})//["I am 1", "I am 2"]

//或者2,4和3,5各自合并成一条语句

var valArr22 = Object.keys(obj).map(function(i){return obj[i]})//["I am 1", "I am 2"]