【内置构造函数-对象-数组】JS进阶

目录

内置构造函数

object        的内置构造

Array

1. reduce（）

数组种常见的其他的方法        

---

查阅文档： Array.prototype.concat() - JavaScript | MDN

内置构造函数

        /*  string  ||  number 是基本数据类型为什么可以直接.length  使用这个呢？

        */
       let str = '字符串'
       let num = 11

       console.log(str.length); //字符串的长度
       console.log(num.toFixed(2)); //toFixed 保留两个小数  

        //    它内部运行实际是
        let str2 = new String('字符串')
        console.log(str2.length);

object        的内置构造

    {
        const obj1 = {}
        const obj = {name:'pink',age:18}
        // 1.获得所有属性名
        console.log(Object.keys(obj));  // ['name', 'age']
        // 2.获得所有属性值
        console.log(Object.values(obj));    //['pink', 18]
        // 3.对象的拷贝
        Object.assign(obj1,obj)
        console.log(obj1);

        // 给obj 追加新的属性
        Object.assign(obj,{sex:'男'})
        console.log(obj);
    }

Array

 

1. reduce（）

1.reduce  

            语法：数组.reduce(function(上一次值，当前值){},起始值)

    {
        const arr1 = [5,10,20]
        // 没有初始值
        let rel1 = arr1.reduce(function(prev,current){
            return prev+current
        })
        console.log(rel1);
        // 有初始值
        let rel2 = arr1.reduce(function(a,b){
            return a+b
        },10)
        console.log(rel2);
        // 箭头函数写法
        let rel3 = arr1.reduce((a,b)=>a+b,20)
        console.log(rel3);
    }

数组种常见的其他的方法        

 懒得在打了，所以直接把我代码中的数组笔记，直接复制粘贴这里了

1.reduce()    返回累计处理的结果    

    作用：经常用于求和

    使用：arr.reduce(function(prev,current){})    prev上一个值    current下一个值

2.forEach()   返回值 undefined    

    作用：遍历数组使用

    使用：arr.forEach(function(item,index){})     item元素  和  index下标值

3.filter()    返回值  (满足条件的真数组) 若元素没满足，则返回空数组。

    作用：用来筛选

    使用：arr.filter(function(item){return item>10})

4.map()     返回一个新的数组,不改变原本来的数组     不能比较大小，否则返回true  false

    作用：用来加工数组元素，返回一个新的数组

    使用：arr.map(function(item,index){return item+'颜色'})

5.join()    和 split（）相反

    作用：是用来分割数组的,返回一个字符串

    使用：arr.join('分割符')

6.find()    返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。

    使用场景：列查找：'小米'  查找的名字

    作用：找return后面满足条件的与元素   与 indexOf 区别 是找相同元素的下标（索引）

    使用：arr.find(function(item,index,array){})    

    item 数组元素   index 元素下标  array 是调用这个方法的数组本身      其余方法的参数不写，同理

7.every()   返回一个布尔值。  全真为true 一假为false

    作用：测试一个数组内的所有元素是否都能通过指定函数的测试。

    使用：arr.find(function(item,index,array){})    

    item 数组元素   index 元素下标  array 是调用这个方法的数组本身      其余方法的参数不写，同理

8.some()    返回一个布尔值。    一真为true 全假为false

    作用：测试数组中是否至少有一个元素通过了由提供的函数实现的测试。

    使用：arr.some(function(item,index,array){})    

    item 数组元素   index 元素下标  array 是调用这个方法的数组本身      其余方法的参数不写，同理

9.sort()    没有返回值，不需要

    作用：对数组的元素进行排序  升序或者降序

    使用：arr.sort(回调函数)

10.splice() 返回数组 有被删除（截取）的元素内容     改变原数组

    作用：删除数组中的一些元素

    使用：splice(开始下标，结束下标，‘要替换成添加地元素')  只有一个值代表从这里删除到最后

11.reverse（）

    作用：扭转数组元素，从后到前

12.findIndex（）    返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1  

    作用：查找满足元素的第一个索引位置   索引下标

    使用：arr.findIndex(回调函数)

13.includes('a')  是否包含这个a元素  返回true  false

14. instanceof   返回true是当前构造函数new出来的

    作用：检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

    语法：对象 instanceof  构造函数名

15. toString()

    把数组转为字符串    ||      当然可以用join（）

16.valueOf（）

17.fill()  根据索引值替换固定值

18.array.with(index, value)        不会破坏原数组，会返回一个新数组

    index 修改元素的下标    ， value 要替换的值

19.Array.from()

    作用：把伪数组转为真数组

    使用Array.from(arr)