JS4 - 内置对象

后海 0_o

于 2021-07-07 16:01:54 发布

阅读量127

点赞数

分类专栏： JavaScript ( ES6+ ) 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45137565/article/details/118546095

版权

JavaScript ( ES6+ ) 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、题目

获取2017-06-10格式的日期
获取随机数，要求是长度一致的字符串格式
写一个能遍历对象和数组的forEach函数

2、知识点

⑴、日期

日期函数最常用的 API 如下：

Date.now()  // 获取当前时间毫秒数
dt.getTime()  // 获取毫秒数
dt.getFullYear()  // 年
dt.getMonth()  // 月（0 - 11）
dt.getDate()  // 日（1 - 31）
dt.getHours()  // 小时（0 - 23）
dt.getMinutes()  // 分钟（0 - 59）
dt.getSeconds()  // 秒（0 - 59）

⑵、Math

Math 最常用的只有一个 API —— 获取随机数 Math.random()

⑶、数组API

数组常用 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)

⑷、对象API

for in

var obj = {
    x: 100,
    y: 200,
    z: 300
}
var key
for (key in obj) {
    // 注意这里的 hasOwnProperty，hasOwnProperty 判断 key 是 obj 原生的属性, 而不是obj原型获取的属性
    if (obj.hasOwnProperty(key)) {
        console.log(key, obj[key])
    }
}

3、实例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数组API</title>
  <script type="text/javascript">
    // 测试
    // alert("test")


    // forEach
    // let arr = ["a", "b", "c", "d"]

    // arr.forEach( function( item, index ){
    //   console.log( item, index )
    // })
    // => a 0 b 1 c 2 d 3


    // every
    // let arr = [1, 2, 3, 4]

    // let result = arr.every( function( item, index ){
    //   if( item > 0){
    //     return true
    //   }
    // } )
    // console.log(result)
    // => true


    // some
    // let arr = [1, 2, 3, 4]

    // let result = arr.some( function( item, index ){
    //   if( item > 3){
    //     return true
    //   }
    // } )
    // console.log(result)
    // => true


    // sort
    // let arr = [1, 4, 2, 9, 7]

    // let arr2 = arr.sort( function( a, b ){
    //   return a - b  // 由小到大
    //   // return b - a  // 由大到小
    // })
    // console.log( arr2 )
    // => [1, 2, 4, 7, 9]


    // map
    // let arr = [1, 2, 3, 4]
    // let arr2 = arr.map( function( item, index ){
    //   // return '<b>' + item + '</b>'
    //   return '<b>' + item + '|' + index + '</b>'
    // })
    // console.log( arr2 )
    // => ["<b>1|0</b>", "<b>2|1</b>", "<b>3|2</b>", "<b>4|3</b>"]


    // filter
    // let arr = [1, 2, 3, 4]

    // let arr2 = arr.filter( function(item, index){
    //   if( item > 2){
    //     return true
    //   }
    // })
    // console.log( arr2 )
    // => [3, 4]


    // 对象API
    let obj = {
      x: 100,
      y: 200,
      z: 300
    }

    let key
    for( key in obj ){
      // 判断 key 是 obj 原生的属性, 而不是obj原型获取的属性
      if( obj.hasOwnProperty(key) ){
        console.log(key, obj[key])
        // => x 100 y 200 z 300
      }
    }
  </script>
</head>
<body>
  <div>Hello Word</div>
</body>
</html>

4、解题

⑴、获取`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)

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

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

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

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

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)
})

后海 0_o

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS4 - 内置对象

1、题目获取2017-06-10格式的日期获取随机数，要求是长度一致的字符串格式写一个能遍历对象和数组的forEach函数2、知识点⑴、日期日期函数最常用的 API 如下：Date.now() // 获取当前时间毫秒数dt.getTime() // 获取毫秒数dt.getFullYear() // 年dt.getMonth() // 月（0 - 11）dt.getDate() // 日（1 - 31）dt.getHours() // 小时（0 - 23）dt.ge
复制链接

扫一扫