Arrary对象
一、Arrary对象简介
Array 对象用于在单个的变量中存储多个值。
1.Arrary对象创建
new Array()
:新建一个数组对象,数组里面的内容为空
new Array(size)
: size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
new Array(element0, element1, ..., elementn)
:参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
例如:
let a = new Array();
let b = new Array(2) // size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
let c = new Array(1, 2, 4)
console.log(a);
console.log(b);
console.log(c);
当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。
例如:
let e = new Array(5)
console.log(e);
let d = Array(5)
console.log(d);
二、Arrary对象属性
1. length
(1)属性描述
length 属性可设置或返回数组中元素的数目。
length 属性是可读可写的,设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。
(2)具体演示
let a = [1, 2, 3, 4]
console.log(a.length);
a.length = 1
console.log(a);
a.length = 4
console.log(a);
三、Arrary对象方法
1. push()、pop()
arrayObject.push(ele1,ele2,....,eleX)
:向数组的末尾添加一个或多个元素,并返回新的长度。
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
arrayObject.pop()
:用于删除并返回数组的最后一个元素。
pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
例如:
let d = [1, 2, 3]
console.log(d.push(9));
console.log(d);
console.log(d.pop());
console.log(d);
2. unshift()、shift()
arrayObject.unshift(elet1,ele2,....,eleX)
:可向数组的开头添加一个或更多元素,并返回新的长度。
unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。unshift() 方法不创建新的创建,而是直接修改原有的数组。
arrayObject.shift()
:用于把数组的第一个元素从其中删除,并返回第一个元素的值。
如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。该方法不创建新数组,而是直接修改原有的 arrayObject。
例如:
let d = [1, 2, 3]
console.log(d.unshift(9));
console.log(d);
console.log(d.shift());
console.log(d);
3. toString()、join()
arrayObject.toString()
:把数组转换为字符串,并返回结果。
数组中的元素之间用英文逗号分隔。
arrayObject.join(separator)
:把数组中的所有元素放入一个字符串。元素是通过指定的分隔符separator进行分隔。
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。
例如:
let a = [1, 2, 3, 4]
console.log(a.toString());
console.log(a.join('-'));
4. concat()、splice()
arrayObject.concat(arrayX,arrayX,......,arrayX)
:用于连接两个或多个数组。同样也可以将参数与原数组进行拼接。
返回一个新的数组,不改变原数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。
arrayObject.splice(index,howmany,item1,.....,itemX)
:从数组中添加/删除项目,然后返回被删除的项目。
index
:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany
: 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX
: 可选。向数组添加的新项目。
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
例如:
let b = [1, 2, 3], c = [4, 5, 6]
let d = b.concat(7, 8, 9)
console.log(d);
let e = b.concat(c)
console.log(e);
console.log(b.splice(0, 0, 111, 222, 333));
console.log(b);
console.log(c.splice(-1, 1, 111, 222, 333));
console.log(c);
5. reverse()、sort()
arrayObject.reverse()
:用于颠倒数组中元素的顺序。
该方法会改变原来的数组,而不会创建新的数组。
arrayObject.sort(sortby)
:用于对数组的元素进行排序。
sortby
:可选。规定排序顺序。必须是函数。
该方法数组在原数组上进行排序,不生成副本。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
例如:
let a = [1, 2, 3, 4]
a.reverse()
console.log(a);
let b = [0, 1, 2, '1', '2', 'a', 'b']
b.sort() // 默认被转换为同一类型进行排序
console.log(b);
let c = [0, 1, 2, '1', '2', 'a', 'b']
c.sort((a, b) => { // 希望字符串大于数字
if (typeof a === 'string' && typeof b === 'number') {
return 1
} else if (typeof a === 'number' && typeof b === 'string') {
return -1
} else {
return a - b
}
})
console.log(c);
6. slice()
arrayObject.slice(start,end)
:从已有的数组中返回选定的元素。
start
:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end
:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。(不包含结束元素)
该方法并不会修改数组,而是返回一个子数组。
例如:
let d = [1, 2, 3, 4, 5]
console.log(d.slice(1, 3));