JS循环,函数返回值与解构赋值
JS基本语法 – 4
循环
/** 循环三要素 * 1. 初始化: 入口 * 2. 条件: true开始,false终止 * 3. 更新条件: 避免死循环 **/// 1. whilelet arr =[10,admin,true]// (1) 初始化let index =0;// (2) 判断条件while(index < arr.length){ console.log(arr[index])// 10 ,admin ,true// (3) 更新条件 index++}// 2. for// while的语法糖let arr =[10,admin,true]// for(初始化;条件;条优质资源网点我wcqh.cn件更新;)for(let index =0; index<arr.length;index++){ console.log(arr[index])}// 3. for-of//遍历数组let arr =[10,admin,true]// 数组循环 只关注值 忽略引索for(let vale of arr){// vale循环遍量用于每一次遍历的接收值 console.log(vale)}// 4. for-in//遍历对象let obj ={ item:1, id:2, name:admin}for(let item in obj){ console.table(obj[item])}// 5. forEach 优质资源网点我wcqh.cn/ map//遍历数组//这是认定在数组对象上的接口// 接口:函数或者方法// forEach,map:参数相同,仅仅是返回值不同// forEach无返回值,map有返回值let arr =[1,2,3,4,5,6]arr.forEach(function(值,索引,数组)){}arr.forEach(function(item,index,arr){ console.log(item)})//简写arr.forEach(item => console.log(item))// map()有返回值let res = arr.map(item => item)console.log(res)数组与对象的解构优质资源网点我wcqh.cn与赋值
//语法// 左边: 模板,数组用 […] 对象用 {…}// 右边: 值(数组, 对象)// 1. 数组// 创建let [uname, email]=[青狐资源网,php@qq.com]console.log(uname,email);// 更新[uname, email]=[墨子,mz@qq.com]console.log(uname, email);// 变量大于值: 默认值[uname, email ,gender =女]=[青狐资源网,php@qq.com]console.log(uname, email, gender)// 变量小于值: 剩余参数 …rest;[uname,优质资源网点我wcqh.cn email,…arr]=[墨子,mz@qq.com,男,60]let [sex,age]= arrconsole.log(uname, email, sex, age)// 2. 对象解构// 默认变量名和属性相同// tips: 变量与当前作用域中的变量命名冲突时,用别名访问let {id ,uname:username}={id:1, uname:php}console.log(id ,username)// 应用场景1: 克隆对象let user ={uname:admin,email:php@qq.com}console.log(user)let {…obj}= userconsole.log(obj优质资源网点我wcqh.cn);// 2. 应用场景2: 解构传参let show =function(user){return`${user.uname}:(${user.email})`}user ={uname:墨子, email:php@qq.com}console.log(show(user))//使用对象解构简化传参show =function({uname,email}){return`${uname}:(${email})`}console.log(show(user))总结
循环
while()for()for-offor-inforEach() / map()解构赋值
语法
左边: 模板,数组用 […] 对象用 {…优质资源网点我wcqh.cn}
右边: 值(数组, 对象)© 版权声明
1.如需技术支持联系QQ:1339833655
2. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
3. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
8. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员!
THE END
暂无评论内容