【JavaScript】数组操作 遍历、修改、新增、删除等...

目录

一、数组是什么?

二、数组操作

2.1、遍历

2.2、数组求最大值和最小值

2.3、修改

2.4、新增

追加到数组末尾

添加到数组开头

2.5、删除


一、数组是什么?

数组是一种可以按顺序保存数据的数据类型。

二、数组操作

2.1、遍历

let arr = ['马尔克斯', '陀思妥耶夫斯基','契诃夫','莫泊桑','毛姆']
for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

【JavaScript】数组操作 遍历、修改、新增、删除等..._第1张图片

2.2、数组求最大值和最小值

// 求数组最大值
let arr = [2,6,1,77,52,25,7]
let max = arr[0]
for (let i = 1; i < arr.length; i++) {
	if (max < arr[i]) {
		max = arr[i]
	}
}
console.log(max);
// 求最小值
let arr = [2,6,1,77,52,25,7]
let min = arr[0]
for (let i = 1; i < arr.length; i++) {
	if (min > arr[i]) {
		min = arr[i]
	}
}
console.log(min);

2.3、修改

let arr = ['余华', '莫言', '刘震云']
// 修改 刘震云为路遥
arr[2] = '路遥'
console.log(arr); // ['余华', '莫言', '路遥']

2.4、新增

追加到数组末尾

数组.push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。

let arr = ['余华', '莫言', '刘震云']
arr.push('贾平凹')
arr.push('陈忠实')
console.log(arr); // ['余华', '莫言', '刘震云', '贾平凹', '陈忠实']

也可以同时追加多个

let arr = ['余华', '莫言', '刘震云']
arr.push('贾平凹', '陈忠实')
console.log(arr); // ['余华', '莫言', '刘震云', '贾平凹', '陈忠实']

添加到数组开头

数组.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度。

let arr = ['余华', '莫言', '刘震云']
arr.unshift('贾平凹', '陈忠实')
console.log(arr); // ['贾平凹', '陈忠实', '余华', '莫言', '刘震云']

和push的用法一样。

2.5、删除

  • 数组.pop() 方法从数组中删除最后一个元素,并返回该元素的值
  • 数组.shift() 方法从数组中删除第一个元素,并返回该元素的值
  • 数组.splice() 方法 删除指定元素

splice(起始位置, 删除几个元素)

let arr = ['埃隆马斯克', '山姆奥特尔曼', '马云']
arr.splice(2, 1) // 从索引2开始删,删除1个元素
console.log(arr); // ['埃隆马斯克', '山姆奥特尔曼']

你可能感兴趣的:(#,JavaScript,javascript,前端,开发语言,push,unshift,pop,数组)