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

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

1. 实例演示不同的数组类型与访问方式
   数组用 […] 来表示
   对象 用 {…} 来表示
   索引是从 [0, 1, 2, 3, …],从0开始递增的“有序”正整数

1. 多维数组

* 成员仍然是一个数组
const arr1 = [
  [1, '西瓜', 10],
  [2, '苹果', 20],
  [3, '黄桃', 30],
]
arr1.forEach(function (item, key, arr1) {
   console.log(item, key, arr1)
 })
 箭头函数
arr1.forEach(item => console.log(item))
console.log('------------------')

2. 对象数组

成员是一个对象字面量, 前后端分离开发中, 服务器返回JSON
const fruits = [
  { id: 1, name: '西瓜', price: 10 },
  { id: 2, name: '苹果', price: 20 },
  { id: 3, name: '黄桃', price: 30 },
]
fruits.forEach(item => console.log(item))
console.log('------------------')

3. 类数组
1.不是 class, 类: 类似,像, 类数组->类似一个数组,但不是数组
2.仍然是一个对象, 用对象来模拟一个数组
3.dom编程, 浏览器中的对象
4.类数组特征:
4.1 由0开始的递增的正整数的索引/属性
4.2 必须要有 length,表示成员数量/数组长度

const likeArr = {
  0: 'admin',
  1: 'admin@qq.com',
  2: '498668472',
  length: 3,
}
likeArr.forEach(item => console.log(item))

4. 函数数组

数组成员是函数
const events = [
function () {return '打开软件'},
function () { return '点击下单'},
function () {return '商家送货'},]
箭头函数简化
const events = [() => '打开软件', () => '点击下单', () => '商家送货']
events.forEach(ev =>console.log(ev, typeof ev))
ev 是一个函数, 要调用  ev()
events.forEach(ev=>console.log(ev()))

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

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

1. 块作用域 (仅限块内,外部不可见)

   流程控制,{}, if,while,...
   {let uname = 'admin'
   console.log(uname)}
   console.log(uname)console.log('---------------')

2. 函数作用域(因为函数作用域的限制,内部私有成员, 外部不可见)

   const hello = function () {
   const site = 'php.cn'
   console.log(site)}
   hello()
   console.log('---------------')

1. 全局作用域(块,函数之外的,都是全局,全局可见)

   const course = 'JavaScript'
   {console.log(course)}
   函数
   const show = function () {
   console.log(course)}
   show()
   console.log('---------------')

2. 作用域链

   const item = '手机'
   const scopeChain = function () {
   return function () {
   return item }}
   console.log(scopeChain()())