html函数

7 篇文章 0 订阅
		/*
		 * 一般我们都是使用for循环去遍历数组,
		 * 	JS中还为我们提供了一个方法,用来遍历数组
		 * forEach()
		 * 		- 这个方法只支持IE8以上的浏览器
		 * 			IE8及以下的浏览器均不支持该方法,所以如果需要兼容IE8,则不要使用forEach
		 * 			还是使用for循环来遍历
		 */
		
		//创建一个数组
		var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
		  
		/*
		 * forEach()方法需要一个函数作为参数
		 * 	- 像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
		 * 	- 数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
		 * 		以实参的形式传递进来,我们可以来定义形参,来读取这些内容
		 * 	- 浏览器会在回调函数中传递三个参数:
		 * 		第一个参数,就是当前正在遍历的元素
		 * 		第二个参数,就是当前正在遍历的元素的索引
		 * 		第三个参数,就是正在遍历的数组
		 * 		
		 */
		arr.forEach(function(value , index , obj){
			console.log(index+":"+value+obj);
		});
		



		
		function Person(name , age , gender){
			this.name = name;
			this.age = age;
		}
		
		//修改Person原型的toString
		Person.prototype.toString = function(){
			return "Person[name="+this.name+",age="+this.age+"]";
		};
		
		//创建一个Person对象
		var per = new Person("孙悟空",18);
		var per2 = new Person("猪八戒",28);
		var per3 = new Person("红孩儿",8);
		var per4 = new Person("蜘蛛精",16);
		var per5 = new Person("二郎神",38);
		
		/*
		 * 将这些person对象放入到一个数组中
		 */
		var perArr = [per,per2,per3,per4,per5];
		
		/*
		 * 创建一个函数,可以将perArr中的满18岁的Person提取出来,
		 * 	然后封装到一个新的数组中并返回
		 * arr
		 * 	形参,要提取信息的数组
		 */
		function getAdult(arr){
			//创建一个新的数组
			var newArr = [];
			
			//遍历arr,获取arr中Person对象
			for(var i=0 ; i<arr.length ; i++){
				var p = arr[i];
				//判断Person对象的age是否大于等于18
				if(p.age >= 18){
					//如果大于等于18,则将这个对象添加到newArr中
					//将对象放入到新数组中
					newArr.push(p);
				}
			}
			//将新的数组返回
			return newArr;
			
		}
		
		var result = getAdult(perArr);
		
		console.log(result);
		
		
		
		var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
		
		/*
		 * slice()  [)
		 * 	- 可以用来从数组提取指定元素
		 * 	- 该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回
		 * 	- 参数:
		 * 		1.截取开始的位置的索引,包含开始索引[
		 * 		2.截取结束的位置的索引,不包含结束索引)
		 * 			- 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
		 * 		- 索引可以传递一个负值,如果传递一个负值,则从后往前计算
		 * 			-1 倒数第一个
		 * 			-2 倒数第二个
		 */
		
		var result = arr.slice(1,4);
		
		result = arr.slice(2);
		
		result = arr.slice(1,-2);//猪八戒","沙和尚
		
		console.log("看这里:"+result);
		
		/*
		 * splice()
		 * 	- 可以用于删除数组中的指定元素
		 * 	- 使用splice()会影响到原数组,会将指定元素从原数组中删除
		 * 		并将被删除的元素作为返回值返回
		 * 	- 参数:
		 * 		第一个,表示开始位置的索引
		 * 		第二个,表示删除的数量
		 * 		第三个及以后。。
		 * 			可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边
		 * 	
		 */
		
		arr = ["0孙悟空","1猪八戒","2沙和尚","3唐僧","4白骨精"];
		//var result = arr.splice(1,2,"牛魔王","铁扇公主","红孩儿");//从下标为1的位置开始删除2个元素 并且在下标为1的位置添加三个"牛魔王","铁扇公主","红孩儿"元素
		//var result = arr.splice(1,2);作用是删除从下标为1的地方开始删2个元素
		
		console.log(arr);
		//console.log(result); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值