2019.9.11JavaScript学习笔记03

数组的学习

		<script>
			//数组的声明
			var arr=[1,2,3,4,5,6,7];
			//数组的访问
			console.log(arr[0]);
			//数组方法
			arr.push(3);

			console.log(arr);
			//push：在数组末尾添加元素，并返回数组的长度
			var newArr = arr.push(3);
			console.log(newArr);
			console.log(arr.length);
			//pop：删除数组末尾的元素，并返回
			var ele = arr.pop();
			console.log(ele,arr);
			//arr.shift arr.unshift()
			//splice;
			arr.splice(1,2,100);
			console.log(arr,ele);
			//arr.indexOf();返回该元素的下标索引，如
			var arr_2= [1,2,3,4,5,5,2,5,6,2];
			var newArr = [];
			for(var i=0;i<arr_2.length;i++){
				if(newArr.indexOf(arr_2[i]==-1)){
					newArr.push(arr_2[i]);
				}
			}
			console.log(newArr);
			//数组去重复
			var arr_1 = [1,2,3,4,5,5,2,5,6,2];
			
			for(var i=0; i<arr_1.length;i++){
				for(var j=i+1; j<arr_1.length;j++){
					if(arr_1[i] === arr_1[j]){
						arr_1.splice(j,1);
						j--;
					}else{
						continue;
					}
				}
			}
			console.log(arr_1); 
			
			
			//数组的排序
			//冒泡排序
			var arr_3= [1,2,3,4,5,5,2,5,6,2,9,5,3,7,52,63,14,89,22];
//			for(var i=0;i<arr_3.length;i++){
//				for(var j=i+1;j<arr_3.length;j++){
//					if(arr_3[i]>arr_3[j]){
//						var temp = arr_3[i];
//						arr_3[i] = arr_3[j];
//						arr_3[j] = temp;
//						
//					}
//				}
//			}
//			
			for(var i=0;i<arr_3.length-1;i++){
				for(var j=0;j<arr_3.length-i-1;j++){
					if(arr_3[j]>arr_3[j+1]){
						var temp = arr_3[j];
						arr_3[j] = arr_3[j+1];
						arr_3[j+1] = temp;
						
					}
				}
			}
			console.log(arr_3); 
			console.timeEnd('a');
		</script>

DOM(DOCUMENT OBJECT MODEL:文档对象模型)

			//DOM(DOCUMENT OBJECT MODEL:文档对象模型)
			//DOM 树
			//结点类型：文本结点
			//获取元素
//			document.getElementById();
//			document.getElementsByClassName();
//			document.getElementsByTagName();
//
//		var nav = document.getElementById('nav');
//		console.log(nav);
//		var list = document.getElementsByClassName('li');
//		console.log(list[0]);
//		//通过结点关系获取
//		console.log(nav.children);
//		console.log(nav.parentNode);
//		console.log(nav.firstChild);
//		console.log(nav.firstElementChild.nextElementSibling);
//