JS进阶-内置构造函数 Object与Array

174 阅读1分钟

一:Object

Object 是内置的构造函数,用于创建普通对象。

三个常用静态方法(静态方法就是只有构造函数Object可以调用的)

1.Object.keys

作用: Object.keys 静态方法获取 对象中所有属性(键)

语法:

    const o = { uname: 'pink', age: 18 }
    // 1.获得所有的属性名
    console.log(Object.keys(o))  //返回数组['uname', 'age']
  </script>

2.Object.values

作用: Object.values 静态方法获取 对象中所有属性值

语法:

  <script>
    const o = { uname: 'pink', age: 18 }
    // 2. 获得所有的属性值
    console.log(Object.values(o))  //  ['pink', 18]
  </script>

3.Object. assign

作用: Object. assign 静态方法常用于 对象拷贝

使用: 经常使用的场景给对象添加属性

语法

    const o = { uname: 'pink', age: 18 }
    // 3. 对象的拷贝
    // const oo = {}
    // Object.assign(oo, o)
    // console.log(oo)
    Object.assign(o, { gender: '女' })
    console.log(o)
  </script>

二:Array

Array 是内置的构造函数,用于创建数组。创建数组建议使用字面量创建,不用Array构造函数创建.

1. 数组常见实例方法-核心方法

微信图片_20231126142421.png

作用: reduce 返回函数累计处理的结果,经常用于求和等

基本语法:arr.reduce(function(累计值, 当前元素){}, 起始值)

2.使用方法

1.没有起始值

const arr = [1, 5, 8]
       const total = arr.reduce(function (prev, current) {
           return prev + current
       })
       console.log(total)
      
    
      
       

2.有起始值

  const arr = [1, 5, 8]
        const total = arr.reduce(function (prev, current) {
            return prev + current
        }, 10)
        console.log(total)
        
        也可以写为:
        
    arr.reduce((prev, current) => prev + current, 10)
        console.log(total)
        

累计值参数

  1. 如果有起始值,则以起始值为准开始累计, 累计值 = 起始值

  2. 如果没有起始值, 则累计值以数组的第一个数组元素作为起始值开始累计

  3. 后面每次遍历就会用后面的数组元素 累计到 累计值 里面 (类似求和里面的 sum )