Number - Math - String - Array - Date 方法

　　类的属性 ：

　　　　Number.MAX_SAFE_INTEGER：JavaScript 中最大的安全整数 (2^53 -1)

　　　　Number.MIN_SAFE_INTEGER：JavaScript 中最小的安全整数 -(2^53 - 1)

　　　　Number.MAX_VALUE

　　　　Number.MIN_VALUE

    console.log(Number.MAX_VALUE)
    console.log(Number.MIN_VALUE)
    console.log(Number.MAX_SAFE_INTEGER)
    console.log(Number.MIN_SAFE_INTEGER)

　　类方法 ：　　　

　　　　方法一：Number.parseInt(string[, radix])，将字符串解析成整数，也有对应的全局方法parseInt

　　　　方法二：Number. parseFloat(string)，将字符串解析成浮点数，也有对应的全局方法parseFloat；

    var num1 = "123.521"
    console.log(Number.parseInt(num1))
    console.log(Number.parseFloat(num1))

　　实例方法：

　　　　toString(base) : 将数字转成字符串 , base 可以传2-36进制。默认为10进制

　　　　toFixed(digits) ：保留多少位小数。【会四舍五入，digits是多少位，最多20】

    var num = 1000
    console.log(num.toString(), typeof num.toString())
    console.log(num.toString(2))
    console.log(num.toString(8))
    console.log(num.toString(16))

    var pi = 3.1415926
    console.log(pi.toFixed(3))

B : Math Math不是构造函数，他是一个内置对象　

　　Math.floor(x)：向下舍入取整

　　Math.ceil(x)：向上舍入取整

　　Math.round(x)：四舍五入取整

　　Math.random(x)：生成0~1的随机数（包含0，不包含1）

　　Math.pow(x, y)：返回x的y次幂

    var num = 3.55
    console.log(Math.floor(num)) // 3
    console.log(Math.ceil(num)) // 4
    console.log(Math.round(num)) // 4

    console.log(Math.random())
    console.log(Math.pow(2, 4)) //

C : String

　　一.访问某个字符

　　　　第一种： str[index] index表示下标

　　　　第二种： str.charAt(index) index表示下标

　　　　区别：

　　　　　　索引的方式没有找到会返回undefined，

　　　　　　charAt没有找到会返回空字符串

    var message = "Hello World"
    console.log(message[4])
    console.log(message.charAt(4))

    console.log(message[20])
    console.log(message.charAt(20))

　　实例方法：

　　　　str.toLowerCase() ：将所有的字符转成小写；

　　　　str.toUpperCase() ：将所有的字符转成大写；

　　　　str.startsWith('xxx') ：是否以xxx开头　　

　　　　str.endsWith('xxx') : 是否以xxx结束

　　　　str.trim() : 删除空格

    var message = "Hello World"
    
    var message1 = message.toUpperCase()
    console.log(message)
    console.log("message1:", message1)

    var message2 = message.toLowerCase()
    console.log(message2)

    var message = "my name is why."
    if (message.startsWith("my")) {
      console.log("message以my开头")
    }

    if (message.endsWith("why")) {
      console.log("message以why结尾")
    }

    console.log("    why      abc   ".trim())

　　重要的实例方法：

　　　　1.查找字符串的位置

　　　　　　str.indexOf(查找的字符，从那个下标开始)

　　　　　　如果没有找到，那么返回-1；找到了就返回下标

　　　　　　arr.indexOf(查找的字符，从那个下标开始)

　　　　　　如果没有找到，那么返回-1；找到了就返回下标

    // 字符串
    var message = "my name is why."
    var name = "why"

    if (message.indexOf(name) !== -1) {
       console.log("message中包含name")
    } else {
      console.log("message不包含name")
    }

　　 //数组
    // 1.数组中存放的是原始类型
    var names = ["abc", "cba", "nba", "mba"]
    console.log(names.indexOf("nbb"))


    // 2.数组中存放的是对象类型  使用find方法: 高阶函数 
    // (不改原数组,为真就把那条item赛选出来,后面就不再找了[也就是后面有满足的,也拿不出来])
    var students = [
      { id: 100, name: "why", age: 18 },
      { id: 102, name: "kobe", age: 30 },
      { id: 101, name: "james", age: 25 },
      { id: 103, name: "why", age: 22 }
    ]
    
    var stu = students.find(function(item) {
      if (item.id === 101) return true
    })
    console.log(stu)

　　　　2.是否包含字符串

　　　　　　str.includes(查找的字符,从那个下标开始)

　　　　　　如果找到就true，找不到就false

　　　　　　arr.includes(查找的字符,从那个下标开始)

　　　　　　如果找到就true，找不到就false

    // 字符串
    var message = "my name is why."
    var name = "why"
    if (message.includes(name)) {
      console.log("message中包含name")
    }

    //数组
    var arrNames = ["abc", "cba", "nba"]
    console.log(arrNames.includes("nba"))

　　　　3.替换字符串

　　　　　　str.replace(找到的字符串（正则），替换的字符串（函数）)

    //replace 替换字符串
    var message = "my name is why."
    var name = "why"
    var newMessage = message.replace("why", "kobe")
    console.log(message)
    console.log(newMessage)
    
    var newName = "kobe"
    var newMessage = message.replace("why", function() {
      return newName.toUpperCase()
    })
    console.log(newMessage)

　　　　4.截取字符串

　　　　　　str.slice(开始的下标，结束的下标）不包含结束的下标

　　　　　　arr.slice(开始的下标，结束的下标）不包含结束的下标 [不会改变原数组]

    // 字符串
    var message = "Hello World"
    console.log(message.slice(3, 7))
    console.log(message.slice(3, -1))
    console.log(message.slice(3))

    // 数组
    var names = ["abc", "cba", "nba", "mba", "why", "kobe"]
    var newNames = names.slice(2, 4)
    console.log(newNames)
    console.log(names)

　　　5.字符串分割

　　　　　　str.split(以什么字符串分割（也可以是正则），返回的数量（可写可不写）)

　　　　　　arr.join('已什么链接')

   //字符串
　　 var message = "abc-cba-nba-mba"
    var items = message.split("-")

　　//数组
    var newMessage = items.join("*")
    console.log(newMessage)

　　　　6.拼接字符串

　　　　　　str.concat(str1,str2)

　　　　　　arr.concat(arr1,arr2) 不改变原数组

    // 字符串
    var newString2 = str1.concat(str2).concat(str3)
    var newString3 = str1.concat(str2, str3, "abc", "cba")
    console.log(newString2)
    console.log(newString3)

    // 数组
    var names1 = ["abc", "cba"]
    var names2 = ["nba", "mba"]
    var names3 = ["why", "kobe"]
    var newNames2 = names1.concat(names2, names3,['yxx','111'])
    console.log(newNames2,names1)

D : Array

　　arr.push() 尾部添加

　　arr.pop() 尾部删除

　　arr.unshift 头部添加

　　arr.shift 头部删除

　　arr.splice 方法可以说是处理数组的利器，它可以做所有事情：添加，删除和替换元素。 会修改原数组[上面4个也是]

　　arr.splice(start[下标,从那开始] , 删除的个数[0或者负数表示不删除] , 添加元素)

　　1.排序 : sort [item1 - item 2 升序] 会改变原数组

　　var students = [
      { id: 100, name: "why", age: 18 },
      { id: 101, name: "kobe", age: 30 },
      { id: 102, name: "james", age: 25 },
      { id: 103, name: "curry", age: 22 }
    ]

    students.sort(function(item1, item2) {
      return item1.age - item2.age
    })
    console.log(students)

　　2.过滤 : filter 不会修改原数组

    // 1.filter函数: 过滤
    var nums = [11, 20, 55, 100, 88, 32]
    //1.1. for循环实现
    var newNums = []
    for (var item of nums) {
      if (item % 2 === 0) {
        newNums.push(item)
      }
    }
    //1.2. filter实现
    var newNums = nums.filter(function(item) {
      return item % 2 === 0
    })
    console.log(newNums , nums)

　　3.映射 : map　不会修改原数组

    // 1.map函数: 映射
    var nums = [11, 20, 55, 100, 88, 32]
    var newNums = nums.map(function(item) {
      return item * item
    })
    console.log(newNums)

　　4.计算 : reduce 最后返回总值

    // 4.reduce
    // 第一种方法 : 
    var nums = [11, 20, 55, 100, 88, 32]
    var result = 0
    for (var item of nums) {
      result += item
    }
    console.log(result)

    // 第二种方法 : 
    // 第一次执行: preValue->0 item->11
    // 第二次执行: preValue->11 item->20
    // 第三次执行: preValue->31 item->55
    // 第四次执行: preValue->86 item->100
    // 第五次执行: preValue->186 item->88
    // 第六次执行: preValue->274 item->32
    // 最后一次执行的时候 preValue + item, 它会作为reduce的返回值

    // initialValue: 初始化值, 第一次执行的时候, 对应的preValue
    // 如果initialValue没有传呢?  不传直接执行第二次执行
    var result = nums.reduce(function(preValue, item) {
      console.log(`preValue:${preValue} item:${item}`)
      return preValue + item
    }, 0)
    console.log(result)

    // reduce练习
    var products = [
      { name: "鼠标", price: 88, count: 3 },
      { name: "键盘", price: 200, count: 2 },
      { name: "耳机", price: 9.9, count: 10 },
    ]
    var totalPrice = products.reduce(function(preValue, item) {
      return preValue + item.price * item.count
    }, 0)
    console.log(totalPrice)

　　map,filter,reduce 的综合练习

    // 综合练习: 
    var nums = [11, 20, 55, 100, 88, 32]

    // 过滤所有的偶数, 映射所有偶数的平方, 并且计算他们的和
    var total = nums.filter(function(item) {
      return item % 2 === 0
    }).map(function(item) {
      return item * item
    }).reduce(function(preValue, item) {
      return preValue + item
    }, 0)
    console.log(total)

    var total = nums.filter(item => item % 2 === 0)
                    .map(item => item * item)
                    .reduce((preValue, item) => preValue + item, 0)
    console.log(total)

E : Date

　　获取时间戳 : new Date().getTime()

　　时间戳工具函数

/**
 * 处理unix时间戳，转换为可阅读时间格式
 * @param unix 时间戳
 * @param format 格式
 * @returns {*|string}
 */
export function unixToDate(unix, format) {
    let _format = format || "yyyy-MM-dd hh:mm:ss";
    const d = new Date(unix * 1000);
    const o = {
        "M+": d.getMonth() + 1,
        "d+": d.getDate(),
        "h+": d.getHours(),
        "m+": d.getMinutes(),
        "s+": d.getSeconds(),
        "q+": Math.floor((d.getMonth() + 3) / 3),
        S: d.getMilliseconds(),
    };
    if (/(y+)/.test(_format))
        _format = _format.replace(
            RegExp.$1,
            (d.getFullYear() + "").substr(4 - RegExp.$1.length)
        );
    for (const k in o)
        if (new RegExp("(" + k + ")").test(_format))
            _format = _format.replace(
                RegExp.$1,
                RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
            );
    return _format;
}

posted @ 2022-07-18 15:22 杨建鑫阅读(25) 评论(0) 编辑收藏举报

刷新页面返回顶部

前端_蜡笔小新欢迎您

前端_蜡笔小新欢迎您

Number - Math - String - Array - Date 方法

公告