JS从零开始(24)

81 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第24天,点击查看活动详情

添加和删除数组元素

方法解释说明是否改变原数组
push() 在数组的最末尾追加一个或多个元素,返回的结果不是数组而是数组长度
pop() 将数组最后面的元素删除,并将其返回
unshift()在数组的最前面追加一个或多个元素,返回的结果不是数组而是数组长度
shift()将数组最前面的元素删除,并将其返回
slice()提取数组中指定的内容,并将其返回,返回结果是由提取的内容组成的新数组
splice()删除数组中指定的内容,并将其返回,返回结果是由删除的内容组成的新数组
fill() 给数组填充指定的内容,返回填充后的新数组

push()

我们之前讲过要想增加数组元素,可以修改数组长度和数组元素,现在可以通过push()方法进行操作,但是要注意的是,这个方法返回的不是新数组,而是新数组的数组长度,要想打印新数组的的话,可以使用JSON.stringify(数组变量名),需要传递参数,例如:

var array1 = ['北京', '上海', '广东', '成都'];
var num = array1.push('天津', '武汉');
console.log(num);//6
console.log(JSON.stringify(array1));//["北京","上海","广东","成都","天津","武汉"]

pop()

返回值为删除的原数组的最后一个数组元素,不需要传递参数,如:

var array1 = ['北京', '上海', '广东', '成都'];
var str = array1.pop();
console.log(str);//成都
console.log(JSON.stringify(array1));//["北京","上海","广东"]

unshift()

在数组最前面插入内容,返回值为数组长度,其他数组元素索引值会因此改变,需要传递参数,如:

var array1 = ['北京', '上海', '广东', '成都'];
var num = array1.unshift('武汉', '天津');
console.log(num);//6
console.log(JSON.stringify(array1));//["武汉","天津","北京","上海","广东","成都"]

shift()

删除第一个数组元素并将其返回,不需要传递参数,如:

var array1 = ['北京', '上海', '广东', '成都'];
var str = array1.shift();
console.log(str);//北京
console.log(JSON.stringify(array1));//["上海","广东","成都"]