JS对象-Array数组
1、JS中Array对象用于定义数组
2、定义
①var 变量名= new Array(元素列表)；
var arr = new Array(1,2,3,4)
②var 变量名=[元素列表]
var arr = [1,2,3,4]
3、访问
arr[索引]=值
arr[10]="Hello"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var arr = new Array(1,2,3,4);
//敲上log然后回车即可
console.log(arr[0]);
console.log(arr[1]);
//在控制台中可以查到第一个数是1，第二个数是2
//JS数组的特点：长度可变、类型可变
//1、长度可变
var arr = new Array(1,2,3,4)
arr[10] = 50;
console.log(arr[10]);//可以在控制台中显示数值为50
console.log(arr[9]);//由于没有被赋值，控制台中显示undefined
console.log(arr[8]);
//2、类型可变
arr[9] = "A";
arr[8] = true;
console.log(arr);
</script>
</body>
</html>
4、Array
①属性length：设置或返回数组中元素的数量
②方法：
forEach():遍历数组中的每个有值元素，并调用一次传入的函数；
push():将新元素添加到数组的末尾，并返回新的长度；
splice（）：从数组中删除元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//属性length：设置或返回数组中元素的数量
var arr = [1,2,3,4];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
//forEach():遍历数组中的每个有值元素，并调用一次传入的函数
arr.forEach(function(e){
console.log(e);
})
console.log("=======================");
//for循环和forEach遍历元素的区别：for循环是遍历数组中所有元素，而forEach是遍历数组中有值的元素
arr[10]=50;
for (let i = 0; i < arr.length; i++) {
console.log(arr[i])
}//会输出undefined
console.log("=======================");
arr.forEach(function(e){
console.log(e);
}
)//不会输出undefined
//ES6箭头函数：(...)=>(...),用箭头函数简化forEach函数，需要将function删掉,然后再加上箭头函数的标识
console.log("=======================");
arr.forEach((e)=>{
console.log(e);
})
//push():将新元素添加到数组的末尾，并返回新的长度；
arr.push(7,8,9);
console.log(arr);
//splice（）：从数组中删除元素。（从哪个数开始删除，删除几个数）
//例如：删除3和4，3的索引位置是2，所以第一个填2，然后删除2个，第二个也填2
arr.splice(2,2)
console.log(arr);
</script>
</body>
</html>
浙公网安备 33010602011771号