实用的一行js代码

1、获取一个随机布尔值 (true/false)
   这个函数使用 Math.random() 方法返回一个布尔值(true 或 false)。Math.random 将在 0 和 1 之间创建一个随机数,之后我们检查它是否高于或低于 0.5。
这意味着得到真或假的几率是 50%/50%。

window.onload =function(){
         const randomBoolean = () => Math.random() >= 0.5;
         console.log(randomBoolean());
         }

2、检查日期是否为工作日
  使用这个方法,你就可以检查函数参数是工作日还是周末。

window.onload =function(){
        const isWeekday = (date) => date.getDay() % 6 !== 0;
        console.log(isWeekday(new Date(2021, 0, 11)));
        }

3、反转字符串
  有几种不同的方法来反转一个字符串。以下代码是最简单的方式之一。

window.onload =function(){
            const reverse = (str) => str.split(‘‘).reverse().join(‘‘);
            console.log(reverse(‘hello world‘));;   
            }

4、检查当前 Tab 页是否在前台
  我们可以通过使用 document.hidden 属性来检查当前标签页是否在前台中。

window.onload =function(){
            const isBrowserTabInView = () => document.hidden;
            console.log(isBrowserTabInView());;
            }

5、从日期中获取时间
  通过使用 toTimeString() 方法,在正确的位置对字符串进行切片,我们可以从提供的日期中获取时间或者当前时间。

window.onload =function(){
            const timeFromDate = date => date.toTimeString().slice(0, 8);
            console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); 
            // Result: "17:30:00"
            console.log(timeFromDate(new Date()));
            // Result: will log the current time
            
            //验证toTimeString()方法是否将时间转化为String
            const timestring =date =>date.toTimeString();
            console.log(timestring(new Date()));
            console.log(typeof timestring(new Date()));
            //结果为String
            const date = new Date();
            console.log(new Date());
            //Result: will log the current time
            console.log(typeof date);
            //类型为Object而非string
            }

6、保留小数点(非四舍五入)
  使用 Math.pow() 方法,我们可以将一个数字截断到某个小数点。

window.onload =function(){
                //~是按位取反的意思,计算机里面处理二进制数据时候的非,~~就是再转回来,利用两个按位取反的符号,进行类型的转换,转换成数字符号。
            const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
            // Examples
            a=toFixed(25.198726354, 1);       // 25.1
            b=toFixed(25.198726354, 2);       // 25.19
            c=toFixed(25.198726354, 3);       // 25.198
            d=toFixed(25.198726354, 4);       // 25.1987
            e=toFixed(25.198726354, 5);       // 25.19872
            f=toFixed(25.198726354, 6);       // 25.198726
            console.log(a,b,c,d,e,f);
            }

7、获取所有参数平均值
  我们可以使用 reduce 方法来获得函数参数的平均值。

window.onload =function(){
            const average = (...args) => args.reduce((a, b) => a + b) / args.length;
            console.log(average(1, 2, 3, 4));
            }

8、滚动到页面顶部
  window.scrollTo() 方法会取一个 x 和 y 坐标来进行滚动。如果我们将这些坐标设置为零,就可以滚动到页面的顶部。
  注意:IE 不支持 scrollTo() 方法。

window.onload =function(){
            const goToTop = () => window.scrollTo(0, 0);
            goToTop();
            // Result: will scroll the browser to the top of the page
            }

9.交换两个变量,最简单的方式是:

 var a = 2,b = ‘Miya‘;
             [a,b,] = [b,a,]
             a // Miya
             b //2
            //  这个是ES6中的数组的解构赋值,很方便的进行两个变量的交换。

 

实用的一行js代码

上一篇:JS单例模式


下一篇:js自动补零