js 实用方法

木毅01

已于 2023-12-27 16:12:47 修改

阅读量357

点赞数 6

分类专栏： js 文章标签： javascript 前端开发语言

于 2023-12-27 15:11:08 首次发布

本文链接：https://blog.csdn.net/qq_27806371/article/details/135246783

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

将Object属性转成属性数组
const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj);
// 输出
(3) [Array(2), Array(2), Array(2)]
0: (2) ["a", 1]
1: (2) ["b", 2]
2: (2) ["c", 3]
length: 3
Object.keys(obj);
(3) ["a", "b", "c"]
Object.values(obj);
(3) [1, 2, 3]

字符串比较时间先后
var a = "2014-08-08";
var b = "2014-09-09";
console.log(a>b, a<b); // false true

判断奇偶数
对一个数字 &1可以判断奇偶数，负数也同样适用， num&1
var num=3;
!!(num & 1) // true
!!(num % 2) // true

取出一个数组中的最大值和最小值
var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
var maxInNumbers = Math.max.apply(Math, numbers);
var minInNumbers = Math.min.apply(Math, numbers);
console.log(maxInNumbers,minInNumbers);

优雅的取整
var a= 2.33 | 0 //都2后面的都干掉 2.99取出来也是2

标准JSON的深拷贝
var a = {
  a: 1,
  b: { c: 1, d: 2 }
}
var b=JSON.parse(JSON.stringify(a))
console.log(b)

闭包的使用方法之一：实现递归
function factorial(n) {
  if (n === 1) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}
console.log(factorial(5)); // 输出: 120

我们都知道用以下的方法可以噶的一下 输出1~5
for (var i = 1; i <= 5; i++) {  
  console.log(i);    
}
那如果你想每秒执行1次，输出1~5 第一秒是1第二秒是2以此类推 闭包的使用方法二：
for (var i = 1; i <= 5; i++) {
  (function(j){
      setTimeout(()=>{
          console.log(j);
      },j*1000);
  })(i)
}
// 1 2 3 4 5

传说中setInterval有点儿小问题 如果你不巧遇到了 那么可以用setTimeout实现setInterval(setinterval 用来实现循环定时调用 可能会存在一定的问题 能用 settimeout 解决吗)
function mySetTimout(fn, delay) {
    let timer = null
    const interval = () => {
        fn()
        timer = setTimeout(interval, delay)
    }
    setTimeout(interval, delay)
    return {
        cancel: () => {
            clearTimeout(timer)
        }
    }
}
// 测试
const { cancel } = mySetTimout(() => console.log(888), 1000)
setTimeout(() => {
    cancel()
}, 4000)