Blogger Information
Blog 20
fans 0
comment 0
visits 8628
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
实例演示不同的数组类型与访问方式和分支的不同类型
A 管志岗-电商策划
Original
361 people have browsed it

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” 的反值,就是默认

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post