登录  /  注册
博主信息
博文 49
粉丝 0
评论 0
访问量 47682
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
演示: js(数组、对象)解构 与 常用流程控制
lus菜
原创
856人浏览过

数组结构演示:

  1. <script>
  2. // 数组结构
  3. let [a, [b, c], d] = [10, [20, 30], 40];
  4. //console.log数组输出
  5. console.log(a, b, c, d);
  6. </script>
效果预览:

对象的解构:

  1. <script>
  2. const user = {
  3. name: '姓名',
  4. age: '年龄',
  5. id: '性别',
  6. wcd: '学校',
  7. sdg: '地址',
  8. };
  9. ({name,age,id,wcd,sdg} = { name:'姓名',age:'年龄',id:'性别',wcd:'学校',sdg:'地址'})
  10. console.log(name,age,id,wcd,sdg);
  11. </script>
效果预览:

常用的流程控制方法:

  1. 两种控制方法:
  2. 分支:单分支、双分支、多分支
  3. 循环: while:入口判断型 出口判断型

单分支:

  1. <script>
  2. let score = 80;
  3. if (score >= 60) console.log("合格");
  4. </script>
效果预览:

双分支:

  1. <script>
  2. let score = 0;
  3. if (score >= 60) console.log("合格");
  4. else console.log("洗洗睡吧,兄弟");
  5. </script>
效果预览:

多分支

  1. <script>
  2. let score = 81;
  3. if(score >= 60 && score <= 80) console.log('合格');
  4. else if(score >= 81 && score <= 100) console.log('优秀');
  5. </script>
效果预览:

while:入口判断型:

  1. <script>
  2. //循环
  3. const arr = [1, 2, 3, 4, 5];
  4. //初始化循环变量
  5. let i = 0;
  6. //设置循环条件
  7. while (i < arr.length) {
  8. console.log(arr[i]);
  9. //更新循环条件
  10. i++
  11. }
  12. </script>
效果预览:

do - white:出口判断型:

  1. <script>
  2. const arr = [1, 2, 3, 4, 5];
  3. i = 0;
  4. // 设置循环事件
  5. do {
  6. console.log(arr[i]);
  7. // 更新循环条件
  8. i++
  9. } while (i < arr.length);
  10. </script>
效果预览:

for循环:

  1. <script>
  2. const arr = [1, 2, 3, 4, 5];
  3. i = 0;
  4. // for (初始化循环变量;设置循环条件; 更新循环条件) {...}
  5. for (let i = 0; i < arr.length; i++)console.log(arr[i]);
  6. </script>

对象的遍历:

  1. <script>
  2. const arr = [1, 2, 3, 4, 5];
  3. let i = 0;
  4. // for - in 对象遍历
  5. const user = {
  6. id: 666,
  7. name: '邮箱',
  8. email:'php@qq.cn',
  9. };
  10. for (let key in user) {
  11. console.log(`${key} => ${user[key]}`);
  12. }
  13. //for - of 数组遍历
  14. for (let value of arr) {
  15. console.log(value);
  16. }
  17. </script>

效果预览:

循环与分支经常混编:

  1. <script>
  2. const arr = [1, 2, 3, 4, 5];
  3. let i = 0;
  4. for (let i = 0; i < arr.length; i++) {
  5. //奇数与偶数
  6. if (arr[i] % 2 === 0) continue;
  7. console.log(arr[i]);
  8. }
  9. </script>

效果预览:

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学