JavaScript三点运算符及arr对象的使用方法

 一.三点运算符

            //1:函数传不定参数,验证数组的长度。
			function demo(a,...b){
				console.log(a,b);//b为数组 2,3,4,5
			}
			demo(1,2,3,4,5);
			
			 //2:与解构使用
			 let [a,...b] = [1,2,3,4,5];
			 console.log(a,b);
			 
			 //3:与数组解构使用 函数传对象
			 
			 function demo({username,password}){
				 console.log(username,password);
			 }
			 demo({username:'root',password:'123456'});
			 
			 ===========扩展运算符(...):============
			 1:用...输出数组
			 const arr = [1,2,3];
			 console.log(...arr);
			 
			 //2:合并数组
			 const  arr1 = [1,2,3];
			 const  arr2 = [4,5,6];
			 const  arr3 = [...arr1,...arr2];
			 console.log(arr3);
			 
			 //3:将类数组转为真正的数组
			 
			 const divEle = document.getElementsByTagName("div");
			 const arr = [...divEle];
			 console.log(arr);

			 let str = "1234";
			 console.log([...str]);
			 
			 
			//====================练习=====================
			 
			 //1:复制数组
			 const arr1 = [1,2,3];
			 const arr2 = [...arr1];
			 arr2[0]=5;
			 console.log(arr1,arr2);
			
			//2:创建一个函数:用扩展运算符计算两个数的和。
			
			function demo(a,b){
				return a+b;
			}
			const arr1 = [1,2];
			const arr2 = [4,5];
			
			console.log(demo(...arr1));
			console.log(demo(...arr2));

 二.arr对象的使用方法

<script type="text/javascript">
			//1.Array.form()将伪数组或可遍历对象转换为真正的数组
			let str = '1234';
			const arr = Array.form(str);
			console.log(arr);
			
			const Arr = {
				2:'a',
				3;'b',
				lenght:4
			}
			console.log(Array.form(Arr));
			
			//2.array.find返回数组符合条件第一个元素的值
			const arr = [1,2,3,4];
			let num = arr.find(item=>item==3);
			console.log(num);
			
			// 找数组包对象
			const arr = [
				{realname:'张三1',age:18},
				{realname:'张三2',age:15},
				{realname:'张三3',age:19},
				{realname:'张三4',age:14},
			];
			console.log(arr.find(item=>item.age==17));
			
			//3.array.findindex找到符合条件的第一个元素的索引
			const arr = [1,2,3,4];
			console.log(arr.findIndex(item=>item==4));
			
			const arrobj = [
				{realname:'张三1',age:18},
				{realname:'张三2',age:15},
				{realname:'张三3',age:19},
				{realname:'张三4',age:14},
			]
			console.log(arrobj.findIndex(item=>item.age==19));
			
			// 4.arr.includes():找出某个数组是否包含给定的值
			const arr = [1,2,3,4];
			console.log(arr.includes(10));//有就返回true 没有就返回false
</script>

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值