博主信息
博文 20
粉丝 0
评论 0
访问量 14216
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
实例演示不同的数组类型与访问方式和分支的不同类型
A 管志岗-电商策划
原创
599人浏览过

1102作业

作业内容:1. 实例演示不同的数组类型与访问方式 2. 实例演示分支的不同类型,注意else的本质

1. 实例演示不同的数组类型与访问方式

  • 数组用 […] 来表示
  • 对象 用 {…} 来表示
  • 索引是从 [0, 1, 2, 3, …],从0开始递增的“有序”正整数

一、多维数组:

  1. const arr [
  2. [1, '苹果'10]
  3. [2, '桔子'13]
  4. [3, '香蕉'14]
  5. ]
  6. // 用 forEach 来调取里面的数据
  7. arr.forEach(function (item, key, arr) {
  8. console.log(item);
  9. });
  10. // 箭头函数,来简写
  11. arr.forEach((key) => console.log(key));

二、对象数组:

  1. const fruits[
  2. {id: 1, name: '苹果'price: 10}
  3. {id: 1, name: '桔子'price: 13}
  4. {id: 1, name: '香蕉'price: 14}
  5. ]
  6. // 用forEach 调取
  7. fruit.forEach(item) => {console.log(item)
  8. }

三、类数组:

1. 不是 class, 类:类似,像, 类数组 -> 类似一个数组,但不是数组
2. 仍然是一个对象,用对象来模拟一个数组
3. Array.from() 方法从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。
4. dom 编程,浏览器中的对象

  1. const likeArr = {
  2. 0. '苹果'
  3. 1. '桔子'
  4. 2. '香蕉'
  5. length: 3,
  6. }
  7. console.log(Array.form(likeArr));
  8. // 再将类数组转换为真数组
  9. Array.from(likeArr).forEach(item) => console.log(item);

四、 函数数组

  1. // 数组成员是函数
  2. // const events = [
  3. // function () {
  4. // return "准备上课";
  5. // },
  6. // function () {
  7. // return "开始上课";
  8. // },
  9. // function () {
  10. // return "准备放学";
  11. // },
  12. // ];
  13. // 简化代码:
  14. const events = [() => "准备上课", () => "开始上课", () => "准备放学"];
  15. events.forEach(ev => console.log(ev()) )

2. 实例演示分支的不同类型,注意else的本质

作用域分为四种类型:

  1. 块作用域
  2. 函数作用域
  3. 全局作用域
  4. 作用域链

  1. 块作用域举例,只能内部访问,块的外部不可访问:
  1. {
  2. let uname = 'admin'
  3. console.log(uname)
  4. }
  5. // 下面 console.log() 这种外部不能访问
  6. // console.log(uname)
  1. 函数作用域
  1. const hello = function(){
  2. // 声明私有成员
  3. const site = '中国你好';
  4. // 私有成员,函数内部可以访问
  5. console.log(site);
  6. }
  7. hello();
  8. // 因为作用域原因,内部私有成员,外部不可访问,可以用hello()方式来访问。
  9. // console.log(site);
  1. 全局作用域
  1. // 声明变量
  2. const course = 'JavaScript';
  3. // 块作用域访问 方式
  4. {
  5. console.log(course);
  6. }
  7. // 函数里面访问 方式
  8. const show = function(){
  9. console.log(course);
  10. }
  11. show()
  1. 作用域链
  1. const item = '手机'
  2. const scopechain = function(){
  3. const item = '电脑'
  4. return function(){
  5. const item = '平板电脑';
  6. return(item);
  7. };
  8. };
  9. // 下面的访问先从内部开始,如果内部没有,就往上一级找,直到全局里面,全局里面再没有就报错了
  10. console.log(scopechain()())

else 的本质实际就是默认值 default, 可以在变量前面加个”!”,就是取”!true” 的反值,就是默认

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

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

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