zoukankan      html  css  js  c++  java
  • JS内置对象

    1、日期函数

    日期函数最常用的 API 如下

    Date.now() // 获取当前时间毫秒数
    var dt = new Date()
    dt.getTime() // 获取毫秒数:unix时间戳
    dt.getFullYear() //
    dt.getMonth() // 月(0 - 11)    月份实际应用中需要加1
    dt.getDate() // 日(1 - 31)
    dt.getHours() // 小时(0 - 23)
    dt.getMinutes() // 分钟(0 - 59)
    dt.getSeconds() // 秒(0 - 59)

    2、Math

    Math 最常用的只有一个 API —— `Math.random()`

    3、数组常用 API

    - forEach
    - every
    - some
    - sort
    - map
    - filter

    forEach 举例
    var arr = [1,2,3]
    arr.forEach(function (item, index) {
    // 遍历数组的所有元素
    console.log(index, item)
    })
    
    every 举例【与】
    var arr = [1,2,3]
    var result = arr.every(function (item, index) {
    // 用来判断所有的数组元素,都满足一个条件
    if (item < 4) {
    return ture
    }
    })
    console.log(result)
    
    some 举例【或】
    var arr = [1,2,3] var result = arr.some(function (item, index) { // 用来判断所有的数组元素,只要有一个满足条件即可 if (item < 2) { return ture } }) console.log(result) sort 举例 var arr = [1,4,2,3,5] var arr2 = arr.sort(function(a, b) { // 从小到大排序 return a - b // 从大到小排序 // return b - a }) console.log(arr2) map 举例 var arr = [1,2,3,4] var arr2 = arr.map(function(item, index) { // 将元素重新组装,并返回 return '<b>' + item + '</b>' }) console.log(arr2) filter 举例 var arr = [1,2,3] var arr2 = arr.filter(function (item, index) { // 通过某一个条件过滤数组 if (item >= 2) { return true } }) console.log(arr2)

    4、对象常用 API

    - for-in

    var obj = {
      x: 100,
      y: 200,
      z: 300
    }
    var key
    for (key in obj) {
    // 注意这里的 hasOwnProperty,再讲原型链时候讲过了
      if (obj.hasOwnProperty(key)) {
        console.log(key, obj[key])
    }
    }

    5、 获取`2017-06-10`格式的日期

    function formatDate(dt) {
    if (!dt) {
    dt = new Date()
    }
    var year = dt.getFullYear()
    var month = dt.getMonth() + 1
    var date = dt.getDate()
    if (month < 10) {
    // 强制类型转换
    month = '0' + month
    }
    if (date < 10) {
    // 强制类型转换
    date = '0' + date
    }
    // 强制类型转换
    return year + '-' + month + '-' + date
    }
    var dt = new Date()
    var formatDate = formatDate(dt)
    console.log(formatDate)

    6、获取随机数,要求是长度一直的字符串格式

    使用`Math.random()`可获取字符串,但是返回的是一个小于 1 的小数,而且小数点后面长度不同

    var random = Math.random()
    var random = random + '0000000000' // 后面加上 10 个零
    var random = random.slice(0, 10)
    console.log(random)

    7、写一个能遍历对象和数组的`forEach`函数

    遍历数组使用`forEach`,而遍历对象使用`for in`,但是在实际开发中,可以使用一个函数就遍历两者,jquery 就有这样的函数

    function forEach(obj, fn) {
      var key
      if (obj instanceof Array) {
      // 准确判断是不是数组
        obj.forEach(function (item, index) {
        fn(index, item)
        })
      } else {
      // 不是数组就是对象
      for (key in obj) {
        fn(key, obj[key])
        }
      }
    }
    
    var arr = [1,2,3]
    // 这里参数的顺序换了,为了和对象的遍历格式一致
    forEach(arr, function (index, item) {
      console.log(index, item)
    })
    
    var obj = {x: 100, y: 200}
    forEach(obj, function (key, value) {
      console.log(key, value)
    })
  • 相关阅读:
    d3操作svg路径动画,及dom移动
    新时代前端必备神器 Snapjs之弹动效果
    threejs 鼠标移动控制模型旋转
    玩转SVG线条动画
    CSS也能计算:calc
    CSS两种盒子模型:cntent-box和border-box
    解决Jquery中click里面包含click事件,出现重复执行的问题
    区块链踩坑之基础扫盲及搭建以太坊网络私有链(单节点)
    微信朋友圈转发第三方网站带缩略图实现
    物流一站式查询之快递100篇
  • 原文地址:https://www.cnblogs.com/shary-blue/p/14021872.html
Copyright © 2011-2022 走看看