开发者社区> 寒雨枫霜> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

让你到点下班的JS简写技巧

简介: 分享一些JS简写技巧
+关注继续查看

1、对于多值匹配,可将所有值放在数组中,通过数组方法来简写

//Longhand(常规)
if (value === 1 || value === 'one' || value === 2 || value === 'two') {
  // Execute some code
}

// Shorthand 1(简写)
if ([1, 'one', 2, 'two'].indexOf(value) >= 0) {
   // Execute some code
}

// Shorthand 2
if ([1, 'one', 2, 'two'].includes(value)) { 
    // Execute some code 
}

2、使用repeat()方法简化重复一个字符串

//Longhand
let str = '';
for(let i = 0; i < 4; i ++) {
  str += 'Hello ';
}
console.log(str); // Hello Hello Hello Hello 

// Shorthand
'Hello '.repeat(4);

// 99次感谢!
'Thank\n'.repeat(99);

3、使用一元运算符简化字符串转数字

//Longhand
let total = parseInt('123');
let average = parseFloat('34.5');

//Shorthand
let total = +'123';
let average = +'34.5';

4、使用for in和for of来简化普通for循环

let arr = [9, 19, 29, 39];

//Longhand
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

//Shorthand
//for of loop
for (const val of arr) {
  console.log(val);
}

//for in loop
for (const index in arr) {
  console.log(arr[index]);
}

5、简化获取字符串中的某个字符

let str = 'jscurious.com';

//Longhand
str.charAt(4); // c

//Shorthand
str[4]; // c

6、使用双星号代替Math.pow()

//Longhand
const power = Math.pow(1, 2); // 64

// Shorthand
const power = 1**2; // 64

7、适用箭头函数简化函数

//Longhand
function add(num1, num2) {
  return num1 + num2;
}

//Shorthand
const add = (num1, num2) => num1 + num2;

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js技巧代码-2
学习js技巧代码-2。
14 0
有了这个开源工具后,我五点就下班了!
有了这个开源工具一个优秀的开发者,一定是会利用各种工具来提升自己的开发效率。后,我五点就下班了!
131 0
CSS3代码简写
CSS3代码简写
40 0
URL重写教程与.htaccess
URL重写教程与.htaccess 互联网似乎是一个美丽的地方。不是吗? 对于我们自己的网站,URL http://www.bieryun.com/page/2将带您进入文章的互联网类别的第二页。尽管看起来很简单,但这并不适用。
2181 0
CSS技巧
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.   CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。
1023 0
Microsoft Permissive License (Ms-PL) Microsoft 公共许可证
对随附软件的使用受本许可证的制约。使用该软件即表示您接受本许可证。如果您不接受本许可证,请不要使用该软件。 1.定义 术语“复制”、“衍生作品”和“分发”与美国版权法中的定义相同。 “稿件”是指原始软件或对该软件进行的任何添加或更改。
623 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载