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

•object 类型:

◦ 创建方式:

/*new 操作符后面Object构造函数*/ var person = new Object()person.name = "lpove"person.age = 21/*或者用对象字面量的方法*/ var person = { name: "lpove"age : 21}

•array类型

◦ 创建方式:

`var colors = new Array(“red”,”blue”,”yellow”)

• 区别和不解

◦ 比如有一个数组a=[1,2,3,4],还有一个对象a={0:1,1:2,2:3,3:4},然后你运行alert(a[1]),两种情况下的运行结果是相同的!这就是说,数据集合既可以用数组表示,也可以用对象表示,那么我到底该用哪一种呢?

我后来才知道,数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。

当然,数组和对象的另一个区别是,数组的数据没有”名称”(name),对象的数据有”名称”(name)。

但是问题是,很多编程语言中,都有一种叫做”关联数组”(associative array)的东西。这种数组中的数据是有名称的。

• 但是在《javascript DOM》中,不推荐我们使用 关联数组;

◦ 关联数组:

var lpove = Array()lpove[name] = "lei"lpove[age] = 21lpove[living] = true/*对象构造*/ var lpove = Object()lpove.name = "lei"lpove.age = 21lpove.living = true

因为在本质上你创建的关联数组的性质就是Array对象的属性

参数

value

必需。 要转换的 JavaScript 值(通常为对象或数组)。

replacer

可选。 用于转换结果的函数或数组。

如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。 使用返回值而不是原始值。 如果此函数返回 undefined,则排除成员。 根对象的键是一个空字符串:""。

如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。 成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。

space

可选。 向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。

如果省略 space,则将生成返回值文本,而没有任何额外空格。

如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格。 如果 space 大于 10,则文本缩进 10 个空格。

如果 space 是一个非空字符串(例如“\t”),则返回值文本在每个级别中缩进字符串中的字符。

如果 space 是长度大于 10 个字符的字符串,则使用前 10 个字符。

返回值

一个包含 JSON 文本的字符串。

备注

如果 value 具有 toJSON 方法,则 JSON.stringify 函数将使用该方法的返回值。 如果 toJSON 方法的返回值为undefined,则不转换成员。 这使对象能够确定自己的 JSON 表示形式。

将不会转换不具有 JSON 表示形式的值,例如 undefined。 在对象中,将丢弃这些值。 在数组中,会将这些值替换为 null。

字符串值以引号开始和结束。 所有 Unicode 字符可括在引号中,但必须使用反斜杠进行转义的字符除外。 以下字符的前面必须是反斜杠:

引号 (")

反斜杠 (\)

退格键 (b)

换页符 (f)

换行符 (n)

回车符 (r)

水平制表符 (t)

四个十六进制数字 (uhhhh)

此示例使用 JSON.stringify 将 contact 对象转换为 JSON 文本。 定义 memberfilter 数组以便只转换 surname 和phone 成员。 省略 firstname 成员。

JavaScript

var contact = new Object()

contact.firstname = "Jesper"

contact.surname = "Aaberg"

contact.phone = ["555-0100", "555-0120"]

var memberfilter = new Array()

memberfilter[0] = "surname"

memberfilter[1] = "phone"

var jsonText = JSON.stringify(contact, memberfilter, "\t")

document.write(jsonText)

// Output:

// { "surname": "Aaberg", "phone": [ "555-0100", "555-0120" ] }

此示例将 JSON.stringify 与一个数组一起使用。 replaceToUpper 函数将数组中的每个字符串转换为大写形式。

JavaScript

var continents = new Array()

continents[0] = "Europe"

continents[1] = "Asia"

continents[2] = "Australia"

continents[3] = "Antarctica"

continents[4] = "North America"

continents[5] = "South America"

continents[6] = "Africa"

var jsonText = JSON.stringify(continents, replaceToUpper)

function replaceToUpper(key, value) {

return value.toString().toUpperCase()

}

//Output:

// "EUROPE,ASIA,AUSTRALIA,ANTARCTICA,NORTH AMERICA,SOUTH AMERICA,AFRICA"

此示例使用 toJSON 方法将字符串值转换为大写形式。

JavaScript

var contact = new Object()

contact.firstname = "Jesper"

contact.surname = "Aaberg"

contact.phone = ["555-0100", "555-0120"]

contact.toJSON = function(key)

{

var replacement = new Object()

for (var val in this)

{

if (typeof (this[val]) === 'string')

replacement[val] = this[val].toUpperCase()

else

replacement[val] = this[val]

}

return replacement

}

var jsonText = JSON.stringify(contact)

document.write(jsonText)

// Output:

{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}

'{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}'

*/

要求

在以下文档模式中受到支持:Internet Explorer 8 标准模式、Internet Explorer 9 标准模式、Internet Explorer 10 标准模式、Internet Explorer 11 标准模式。此外,也在应用商店应用(Windows 8 和 Windows Phone 8.1)中受支持。请参阅版本信息。

在以下文档模式中不受支持:Quirks、Internet Explorer 6 标准模式、Internet Explorer 7 标准模式。