[网页编程]-09 JavaScript Array数组
数组声明的四种方式
方式一 最常用的,简略的声明了数组,但是没给长度
var arr4 = ["你好数组!",123,new Date(),false];
方式二 只是声明了数组,但是给有给定长度和内容
var arr = new Array();
方式三 声明了数组以及长度,但是没有给定数组内具体内容
var arr2 = new Array(5);
方式四 声明了数组以及其中的内容,但是没有给定具体长度
var arr3 = new Array("你好数组",123,new String(),true);
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 数组声明的四种方式 */
function testArray(){
//方式一 只是声明了数组,但是给有给定长度和内容
var arr = new Array();
//方式二 声明了数组以及长度,但是没有给定数组内具体内容
var arr2 = new Array(5);
//方式三 声明了数组以及其中的内容,但是没有给定具体长度
var arr3 = new Array("你好数组",123,new String(),true);
console.log(arr3)
//方式四 这个是最常用的,简略的声明了数组,但是没给长度
var arr4 = ["你好数组!",123,new Date(),false];
}
testArray();
</script>
</head>
<body>
</body>
</html>
数组的使用
数组中没有严格的连续要求下标可以不连续,如果没有给值就是empty
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 数组的使用 */
function testArrayy(){
//创建数组
var arr = [];
//给数组赋值 从下标开始 0
arr[0]="你要好好努力";
arr[1]=true;
arr[2]=new Date();
//数组中没有严格的连续要求下标可以不连续,如果没有给值就是empty
arr[8]=8;
console.log(arr);
}
testArrayy();
</script>
</head>
<body>
</body>
</html>
数组的扩容以及缩小容量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 数组的扩容 */
function testArrayyy(){
var arr = ["我好好好努力",new Date(),123];
//进行长度扩充 扩大数组后没有内容的位置是用empty填充
//缩小就是改数值就好
//修改数组长度,扩大为10
arr.length=10;
//修改数组长度,缩小为2
arr.length=2
}
</script>
</head>
<body>
</body>
</html>
- 在js中数组- -旦声明长度不可改变 ----错
- 数组中的元素可以是任意数据类型的 ---对
- 数组尾部添元素 push() ， 删除元素 pop()。
- 数组头部添加元素 unshift()， 删除元素第一个元素shift()。
数组的遍历
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 数组的遍历 */
function testAarrayyyy(){
var arr = ["lin",123,new Date(),true];
//第一种 java式遍历
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
//第二种 java试增强for循环
//var :数据类型 (java中也是数据类型)
//i:代表数组或集合的具体值,但是这里是数组的下标
//in:(再java中是:):
//arr:表示数组
for (var i in arr) {
console.log(arr[i])
}
//第三种 while /do while 其实基本不用
}
testAarrayyyy();
</script>
</head>
<body>
</body>
</html>
数组中常用的方法
push
push 在数组最后添加一个或者更多的元素 并且可以返回新的长度
下面就是相同的,只不过反过来了,用法一样
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 数组中常用的方法 */
//push 在数组最后添加一个或者更多的元素 并且可以返回长度
function testArrayPush(){
var arr =["数组的用法push",123,new Date(),true];
console.log(arr);
//再数组最后添加一个或者更多的元素push 返回值看第75行的用法
arr.push("新增加的元素");
console.log(arr);
var le = arr.push("再多一个元素呗");
console.log(arr);
}
testArrayPush();
</script>
</head>
<body>
</body>
</html>
pop
删除当前数组的最后一个元素 并且可以返原数组的最后一个元素
下面就是相同的,只不过反过来了,用法一样
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//pop 删除并返回数组的最后一个元素
function testArrayPoP(){
var arr=["数组的常用用法pop",123,new Date(),true];
console.log(arr);
\//删除当前数组的最后一个元素 并且可以返原数组的最后一个元素
var enum1 =arr.pop();
console.log(arr);
//打印删除后原来的数组的最后一个元素
console.log(enum1);
}
testArrayPoP();
</script>
</head>
<body>
</body>
</html>
Splice
删除操作
添加操作
网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条