JavaScript各种技巧操作( 二 )

浏览器支持:

JavaScript各种技巧操作

文章插图
 
  1. 字符串
访问指定位置字符
// 通过索引下标访问let str = 'abcd'str[1] // b字符串填充
padEnd() 方法会用一个字符串填充当前字符串(如果需要的话则重复填充) , 返回填充后达到指定长度的字符串 。从当前字符串的末尾(右侧)开始填充 。
const str1 = 'Breaded Mushrooms';console.log(str1.padEnd(25, '.'));// expected output: "Breaded Mushrooms........"const str2 = '200';console.log(str2.padEnd(5));// expected output: "200"padStart() 方法用另一个字符串填充当前字符串(如果需要的话 , 会重复多次) , 以便产生的字符串达到给定的长度 。从当前字符串的左侧开始填充 。
const str1 = '5';console.log(str1.padStart(2, '0'));// expected output: "05"const fullNumber = '2034399002125581';const last4Digits = fullNumber.slice(-4);const maskedNumber = last4Digits.padStart(fullNumber.length, '*');console.log(maskedNumber);// expected output: "************5581"repeat() 构造并返回一个新字符串 , 该字符串包含被连接在一起的指定数量的字符串的副本 。
"abc".repeat(0)// """abc".repeat(1)// "abc""abc".repeat(2)// "abcabc""abc".repeat(3.5)// "abcabcabc" 参数count将会被自动转换成整数."abc".repeat(1/0)// RangeError: repeat count must be positive and less than inifinity
  1. new.target运行检查
new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的 。在通过new运算符被初始化的函数或构造方法中 , new.target返回一个指向构造方法或函数的引用 。在普通的函数调用中 , new.target 的值是undefined 。
JavaScript各种技巧操作

文章插图
 
  1. 数组最大值最小值

JavaScript各种技巧操作

文章插图
 
  1. 对象深克隆浅克隆
深克隆
JSON.parse(JSON.stringify(...))浅克隆
Object.assign(...)
JavaScript各种技巧操作

文章插图
 

【JavaScript各种技巧操作】


推荐阅读