常用js简写小技巧

作者: 嘻哈章鱼小丸子 | 来源:发表于2021-01-28 15:48 被阅读0次
  1. 字符串重复N次: repeatES2015
'123'.repeat(2);//"123123"

ps:需要给女朋友发100遍道歉的时候?嘿嘿……

'sorry\n'.repeat(100);
  1. 指数幂:**ES2016
    以前一直用Math.pow()方法来得到一个数字的幂,现在可以使用双星号 **啦~
2**3; // 8
  1. 获取字符串中的字符:像数组一样用下标索引
'test'[0]//'t'
  1. 深拷贝:JSON.parse(JSON.stringify(obj)) or 解构
let obj = {x: 20, y: {z: 30}};
const cloneObj = JSON.parse(JSON.stringify(obj));
//不能包含的属性值举例
//obj = {x: 20, y: {z:function(){}}};
//obj = {x: 20, y: {z: undefined}};
//obj = {x: 20, y: {z: NaN}};
//obj = {x: 20, y: {z: new Date()}};

注意:

  • obj中不能包含函数和undefined,会被移除
  • obj中不能包含NaN,会被转换成null
  • obj中不能包含日期值,会被转换成日期字符串,少了8小时

obj中没有子级对象时,可以用 解构(即:有子级对象表示浅拷贝,拷贝的是这个值的引用)。

let obj = {x: 20, y: 60};
const cloneObj ={...obj};
附录文档

相关文章

  • 常用js简写小技巧

    字符串重复N次: repeat(ES2015) ps:需要给女朋友发100遍道歉的时候?嘿嘿…… 指数幂:**(E...

  • JS简写技巧

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js简写技巧

    JS简写 三元运算符 当你想写一个if . .else语句只在一行中。 普通写法 const x = 20; le...

  • js简写技巧

    给多个变量赋值 使用解构数组的形式:let [a,b,c]=[4,6,8]; 交换两个变量 let x='hell...

  • JS中常用的代码简写技巧

    本文目录 1.三元操作符 2.分配变量(短路求值法) 3.Spread Operator 4.如果存在 5.变量赋...

  • JS中常用的代码简写技巧

    Spread Operator 解构符 变量赋值 对象属性:属性名和值一样时的简写 箭头函数隐式返回 默认参数值 ...

  • 常用的运算简写小技巧

    一.两个数组下标值arr[a],arr[b]交换 1.常规: 2.基于二进制异或运算^ 原理:基于运算器得到,运算...

  • js常用小技巧

    1、form表单中的数据修改: var param = $("#form").serializeArray(); ...

  • JS 常用小技巧

    前言 JavaScript 是一门弱类型语言,其使用非常广泛。 这里我总结了自己日常使用中的 Tips ,不断更新...

  • 常用的JavaScript简写技巧

    JavaScript 的简写技巧 变量声明 多个变量赋值 三元运算符 赋默认值 与运算符 (&&) 交换两个变量 ...

网友评论

    本文标题:常用js简写小技巧

    本文链接:https://www.haomeiwen.com/subject/pvettltx.html