常用的js方法备忘录

前言:本前端小白经常在项目中遇到一些非常常用的js语法,记性不好的我有时候需要反复查,所以开个备忘录记录一下

1. 逻辑运算符

   • a || b 如果 a为真 无论b是真假 都返回a 如果a为假 无论b是真假 都返回b
   • 只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值; 只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;

2. 查询对象中有无某个元素 obj.o === undefined 就是无

3. 字符串方法

   • indexOf() var str = "123"; console.log(str.indexOf("3") != -1 ); // true dexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。
   • 字符串的方法slice(3),截取从index3开始的所有的字符,substring(3) 同理(slice和substring其他用法没用到,暂时不做整理,等遇到了一并补充)

4. JSON.parse json转对象 stringfiy 对象转json

5. moment方法

   • 获取本年最后一个月 moment().endOf('year').format('YYYY-MM')
   • 给当前日期加一天 moment().add(1, 'days')
   • moment(values.data).format('YYYY-MM-DD HH:mm:ss')--------------24小时 moment(values.data).format('YYYY-MM-DD hh:mm:ss')--------------12小时 (区别在于小时的大小写)

6. date 方法

   • var myDate = new Date() 增加一天 myDate.setDate(myDate.getDate() + 1)

7. url相关

   • window.location.href 全部url
   • window.location.host 域名加端口 8.Nullish coalescing Operator
   • ES2020 新增了一个运算符 ??。当左侧的操作数为 null 或者 undefined时，返回其右侧操作数，否则返回左侧操作数。
   • 使用 || 操作符，当左侧的操作数为 0 、 null、 undefined、 NaN、 false、 '' 时，都会使用右侧的操作数。如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。

   const defaultValue = 100; let value = someValue || defaultValue; // 当 someValue 转成 boolean 值为 false 时，value 的值都是 defaultValue ```

   • 当 someValue 的值为 0 时 ，我们其实期望 value 值为 0, 但是它却被错误的分配成了 100. ?? 操作符可以规避以上问题，它只有在左操作数是 null 或者是 undefined 时，才会返回右侧操作数。

   const defaultValue = 100; let value = someValue ?? defaultValue;//someValue 为 0 ，value 的值是 0 ```