数组(Array)
用于存储多个数据集合的类型
var names = ['张飞','刘备','关羽'];
console.log(names);
复制代码
数据元素的访问, 通过下标的形式 (下标从 0 开始) 数组名 [下标], names[0];
var names = ['张飞','刘备','关羽'];
console.log(names[1]);
复制代码
数组的定义
使用 [] 创建数组
可以直接初始化, 推荐使用
var arr1 = [10,20,30];
console.log(arr1);
复制代码
使用 Array 创建数组
var arr2 = new Array();
console.log(arr2);
复制代码
数组的访问
length 属性代表数字的长度。
通过元素 [下标] 访问数组, 赋值、获取元素内容, 数组是可变长度。
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var arr1 = [10,20,30];
console.log("arr1.length: "+arr1.length);
var arr3 = [];
arr3[0] = 100;
arr3[1] = 200
arr3[100] = 999;
console.log("arr3.length: "+arr3.length);
console.log("arr3[2]: "+arr3[2]);
</script>
</head>
<body>
</body>
</html>
复制代码
效果截图:
数组的方法
push 向数组中添加元素
相当于是入栈
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var arr = [];
arr.push(10);
arr.push(20);
arr.push(30);
arr.push('Keafmd');
console.log("arr[0]:"+arr[0]);
console.log("arr[1]:"+arr[1]);
console.log("arr[2]:"+arr[2]);
console.log("arr[3]:"+arr[3]);
</script>
<title></title>
</head>
<body>
</body>
</html>
复制代码
效果截图:
pop 从数组的末尾获取元素,并将元素从数组中删除
相当于是出栈
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var arr = [];
arr.push(10);
arr.push(20);
arr.push(30);
arr.push('Keafmd');
console.log(arr.pop());
console.log(arr.pop());
console.log(arr.pop());
console.log(arr.pop());
console.log(arr)
</script>
<title></title>
</head>
<body>
</body>
</html>
复制代码
效果截图:
shift 从数组首个下标获取元素,并将元素从数组中删除
类似出队
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var arr4 = [10,20,30,40];
console.log(arr4.shift())
console.log(arr4)
</script>
<title></title>
</head>
<body>
</body>
</html>
复制代码
效果截图:
slice 切片
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var arr5 = [10,20,30,40];
console.log(arr5)
console.log("arr5.slice(1) : "+arr5.slice(1))
console.log("arr5.slice(1,2) : "+arr5.slice(1,2))
</script>
<title></title>
</head>
<body>
</body>
</html>
复制代码
效果截图:
join 和 split
样例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var arr6 = [10,20,30,40];
console.log("arr6.join(\"-\"): "+ (arr6.join('-'))) ;
var arrStr = '10-20-30-40';
console.log(arrStr.split('-')) ;
</script>
<title></title>
</head>
<body>
</body>
</html>
复制代码
效果截图:
写作不易,读完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看见右下角的 “一键三连” 了吗,没错点它 [哈哈]
加油!
共同努力!
Keafmd
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END