第六次网页前端培训笔记

最新推荐文章于 2024-11-10 22:45:39 发布

m0_66405825

最新推荐文章于 2024-11-10 22:45:39 发布

阅读量792

点赞数

分类专栏：物联网开发文章标签：前端

本文链接：https://blog.csdn.net/m0_66405825/article/details/122871152

版权

物联网开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.学习网址

幕布 - 极简大纲笔记 | 一键生成思维导图 - 幕布

2.基本操作

3.基础框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数组</title>
	</head>
	<body>
		<!--
			数组
				数组的定义
					1.隐式定义
						var 数组名=[];// 空数组
						var 数组名=[值1,值2,值3...];
					2.直接实例化
						var 数组名- new Array(值1,值2,值3...);
					3.定义数组并设置长度
						var 数组名= new Array(size);
				数组的操作
					数组的下标从0开始（不会出现下标越界)
					获取数组指定下标的值:(如果下标不存在，则undefined)
						数组名[下标];
					设置数组指定下标的值:（如果下标不存在，则自动扩容）
						数组名[下标]=值;
					获取数组的长度
						数组名.length:
					设置数组的长度:
						数组名,length =值：
					了解:
						如果设置非整数型的下标，则会成为数组的属性，不计入数组的长度
						设置属性：
						数组名,属性名=值;
						数組名["属性名“]=值;
					获取属性:
						数组名.属性名;
						数组名["属性名"];
				数组的遍历
					1.for循环遍历
						Por(var index.= 0; index <数组长度; index++){
						相当于Java中：
						
						}
						for(int index = 0; index<数组长度; index++）{
							
						}
						2.for...in循环
						for(var下标名 in 数组){
							
						}
					3.forEach循环
						数组.forEach(function(element,index){
						// element:元素
						// index:下标
					});
					
					注:
						for --》  不便利属性
						foreach --》 不便利属性和索引中的undefined
						for in --》不遍历索引中的undefinied
				数组提供的方法：
					push         添加元素到最后
					indexof      数组元素索引
					join         数组转成字符串
					split        字符串方法：将字符串转换成数组
					
					unshift        托素到最前
					pop            殿后一项
					shift          删除第一项
					reverse        数组翻转
					slice          截取（切片）数组，原数组不发生变化
					splice         剪接数组，原数组变化，可以实现前后删除效果
					concat         数组合并
					
		-->
		<script type="text/javascript"〉
			/*数组的定义*/
			//隐式定义
			var arr1 =[];
			console.log(arr1)；
			var arr2 =[1,2,'a',true];
			console.log(arr2);
			
			//直接实例化
			var arr3 = new Array(1,2,3);
			console.log(arr3);
			
			//定义数组并设置长度
			var arr4 = new Array(5);
			console.log(arr4);
			
			
			console.log("============");
			/*数组的操作*/
			// 获取指定下标的值
			console.log(arr2[1]);
			// 如果下标不存在
			console.log(arr2[10]); //undefined
			//设置指定下标的值
			arr2[1]= 20；
			console.log(arr2);
			//如果下标不存在
			arr2[10】= 100;
			console.log(arr2);
			//获取数组的长度
			console.log(arr3.length); // 3
			//设置数组的长度
			arr3.length = 5;
			console.log(arr3);
			//设置数组的属性
			arr3.name ="zhangsan";
			console.log(arr3);
			arr3["pwd"]="123456";
			console.log(arr3);
			arr3["pwd"]="123456";
			console.log(arr3);
			//获取数组的属性
			console.log(arr3["name"]);
			
			
			
			console.log("============")
			/*数组的遍历*/
			console.log(arr3);
			console.log("---for循环遍历----");
			/*for循环遍历*/
			for(var i = 0; i<arr3.length; i++) {
				console.log("下标:"+ 1 +",值:"+ arr3[i]);
			}
			//for...in
			console.log("---for...in----");
			for (var i in arr3) {
				console.log("下标:"+ 1 +",值:"+ arr3[1]);
			}
			//forEach
			console.log("---forEach----");
			arr3.forEach(function(element, index){
				console.log("下标:"+ index +"值:"+ element);
			});
			
			
			console.log("===========");
			/*数组提供的方法*/
			var arrs5 = ["a","b","c"];
			//push添加元素到最后
			arr5[arr5.length】="d";
			arr5.push("e");
			console.log(arr5);
			//indexof数组元素索引
			console.log(arr5.indexof("a"));
			console.log(arr5.indexof("t"));      //-1，找不到返回-1
			//join数组转成字符串
			console.log(arr5.join("-"));         //a,b,c,d,e
			//split字符串方法：将字符串转换成数组
			var str ="1,2,3,4,5";
			console.log(str.split(","));
			
			
			
			
			
		</script>
	</body>
</html>