简简单单的数组操作奉上,希望自己不要在忘记啦~
1-查询与修改元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/*
1.声明数组 let 数组名 = [元素1,元素2,元素3,....]
2.数组取值(查) 数组名[下标]
3.数组赋值(改) 数组名[下标] = 值
*/
let arr = [ 20,66,88,50,100 ]
/*数组取值
(1)如果下标存在，则会获取元素值
(2)如果下标不存在，则会获取undefined
*/
console.log( arr[2] )//88
console.log( arr[6] )//undefined
/*数组赋值
(1)如果下标存在，则获修改元素值
(2)如果下标不存在，
*/
arr[0] = 99//修改0下标元素值
arr[6] = 70//动态新增一个元素
console.log(arr)
</script>
</body>
</html>
2-新增元素(push与unshift)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/*数组新增有两个方法
数组名.push(元素) : 一个或多个元素,添加到末尾
数组名.unshift(元素) : 一个或多个元素,添加到末尾
*/
let arr = [20,50,88,60,100]
//1. 添加到末尾
arr.push(90,200)
console.log(arr)
//2. 添加到开头
arr.unshift(5,8)
console.log(arr)
</script>
</body>
</html>
3-删除元素(pop与shift)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
let arr = [10,20,30,40,50]
//1.删除最后一个元素 arr.pop()
arr.pop()
console.log(arr)
//2删除第一个元素 arr.shift()
arr.shift()
console.log( arr )
</script>
</body>
</html>
4-删除指定元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
let arr = [10,20,30,40,50]
/*
arr.splice(start,deleteCount)
第一个值： 起实位置。 从0开始
第二个值： 要删除的数量
* 如果没有指定数量，则会删除从起始位置到后面所有元素
*/
arr.splice(1,2)//表示从下标1开始，往后删除2个元素.把20，30给删除了
console.log(arr)//[10,40,50]
</script>
</body>
</html>
