博客列表 >实例演示不同的数组类型与访问方式和分支的不同类型

实例演示不同的数组类型与访问方式和分支的不同类型

A 管志岗-电商策划
A 管志岗-电商策划原创
2022年11月07日 12:21:57357浏览

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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议