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

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

P粉751989631
P粉751989631原创
2022年11月07日 21:53:27254浏览

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

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

1. 多维数组

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

2. 对象数组

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

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

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

4. 函数数组

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

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

  1. ** 作用域类型**
  2. 1. 块作用域
  3. 2. 函数作用域
  4. 3. 全局作用域
  5. 4. 作用域链
  1. 块作用域 (仅限块内,外部不可见)
    1. 流程控制,{}, if,while,...
    2. {let uname = 'admin'
    3. console.log(uname)}
    4. console.log(uname)console.log('---------------')
  2. 函数作用域(因为函数作用域的限制,内部私有成员, 外部不可见)
    1. const hello = function () {
    2. const site = 'php.cn'
    3. console.log(site)}
    4. hello()
    5. console.log('---------------')
  1. 全局作用域(块,函数之外的,都是全局,全局可见)
    1. const course = 'JavaScript'
    2. {console.log(course)}
    3. 函数
    4. const show = function () {
    5. console.log(course)}
    6. show()
    7. console.log('---------------')
  2. 作用域链
    ```
    const item = ‘手机’

const scopeChain = function () {
return function () {
return item }
}
console.log(scopeChain()())
```

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议