【JS基础】Array对象

JS Array对象

Array 对象:Array 对象用于在单个的变量中存储多个值

创建Array对象的语法:

  • new Array(); //返回新创建并被初始化了的数组,没有参数时,返回的数组为空,length=0
  • new Array(size); //size 为数组元素个数,返回的数组,length字段将被设为size的值
  • new Array(element0,element1,…,element);
let a = new Array(1,2,3,4,5);
console.log(a);
console.log(a.length);

效果:
在这里插入图片描述

Array 对象属性:

  • length 设置或返回数组中元素的数目。
  • prototype 使您有能力向对象添加属性和方法。

Array对象方法:

  1. concat() 连接两个或更多的数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
语法:arrayObject.concat(arrayX,arrayX,……,arrayX)

参数:
arrayX 必须,该参数可以是具体的值,也可以是数组对象。任意个

返回值:
返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

例子:拼接元素

let a = [1,2,3];
a.concat(4,5);
console.log(a);
console.log(a.concat(4, 5));

在这里插入图片描述
例子:拼接数组

let a = [1,2,3];
a.concat(4,5);
console.log(a);
console.log(a.concat([5,6,7],[8,9]));

在这里插入图片描述

  1. pop() 删除并返回数组的最后一个元素,会改变数组
    例子:
let a = [1,2,3];
console.log(a.pop());
console.log(a);

在这里插入图片描述

  1. push() 向数组的末尾添加一个或更多的元素,并返回新的长度
语法:arrayObject.push(newElement1,newElement2,……,newElementX)

参数:
newElement1 必须,要添加到数组的第一个元素。
newElement2 可选
newElement3 可选

返回值:
把指定的值添加到数组后的新长度

说明:
push()方法可把它的参数顺序添加到arrayObject的尾部。它直接修改arrayObject,而不是创建一个新数组。

例子:

let a = [1,2,3];
console.log(a.push(5,6,7));
console.log(a);

在这里插入图片描述

  1. reverse() 颠倒数组中元素的顺序
语法:arrayObject.reverse() 

说明:
该方法会改变原来的数组,而不会创建新的数组。

例子:

let a = [1,2,3];
console.log(a);
a.reverse();
console.log(a);

在这里插入图片描述

  1. shift() 删除并返回数组的第一个元素
语法:arrayObject.shift()

返回值:
数组原来的第一个元素的值。

说明:
如果数组是空,shift()方法不操作,返回undefined。该方法直接改变arrayObject,不创建新的数组。

例子:

let a = [1,2,3];
console.log(a);
console.log(a.shift());
console.log(a);

在这里插入图片描述

  1. slice() 从某个已有的数组返回选定的元素
    在这里插入图片描述
    例子1:
let a = [1,2,3];
console.log(a.slice(1));
console.log(a);

在这里插入图片描述
例子2:

let a = [1,2,3];
console.log(a.slice(0,1));
console.log(a);

在这里插入图片描述

  1. sort() 对数组的元素进行排序

  2. splice() 向/从数组中添加/删除项目,然后返回被删除的项目。

语法:arrayObject.splice(index,howmany,item1,......,itemX)

参数:
index  必须,整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置
howmany 必须,要删除的项目数量,如果设置为0,则不会删除项目,设置超过数组长度,则也是删除到尾部
item1,......,itemX 可选,向数组添加的新项目

返回值:
Array 包含被删除项目的新数组,如果有的话。

例子1:添加元素:

let a = new Array(3);
a[0] = "1";
a[1] = "2";
a[2] = "3";
console.log(a);
a.splice(1,0,"4"); //添加元素
console.log(a);

在这里插入图片描述
例子2:删除元素 || 删除元素并添加元素

let a = new Array(3);
a[0] = "1";
a[1] = "2";
a[2] = "3";
console.log(a);
a.splice(1,1); //删除元素"2"
console.log(a);
a.splice(1,1,"5");//删除元素"3",并添加元素"5"
console.log(a);

在这里插入图片描述

  1. toString() 把数组转换为字符串,并返回结果
let a = [1,2,3];
console.log(a.toString());
console.log(typeof a.toString());

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43352901/article/details/107570974