JavaScript简写技巧 转载 持续搬运,方面自己查看

  关于一些JavaScript的小技巧,转载自https://www.geekjc.com/post/5a0a8c9a592e38541f7703c8。

  1if语句可以简写三目运算:

const x = 20;let answer; if (x > 10) { answer = ‘greater than 10‘; } else { answer = ‘less than 10‘; }
const answer = x > 10 ? ‘greater than 10‘ : ‘less than 10‘;

  

  2.字符串拼接:

var arr = [{
    "name":"大春哥",
    "age":20,
    "sex":"男"
}];
for (let i = 0;i<arr.length;i++) {
    console.log("名字:"+ arr[i].name + "年龄:"+ arr[i].age + "性别:"+ arr[i].sex);
}

// es6字符串拼接:
  for (let i = 0;i<arr.length;i++) {
    console.log(`名字:${arr[i].name} 年龄:${arr[i].age} 性别:${arr[i].sex}`);
  }

//注:在` `写变量,ESC键下面英文状态可以按出` `

 

 3.箭头函数

function sayHello(name) {
  console.log(‘Hello‘, name);
}

setTimeout(function() {
  console.log(‘Loaded‘)
}, 2000);

list.forEach(function(item) {
  console.log(item);
});

// 用箭头函数简写:
  sayHello = name => console.log(‘Hello‘, name);
  setTimeout(() => console.log(‘Loaded‘), 2000);
  list.forEach(item => console.log(item));

 

 4,数组去重(划重点QAQ 面试题好几次都有这个)

var arr = [1, 1, 2, 2, 3, 3];

function unique(arr){
    let res = [];
    for (var i = 0;i<arr.length;i++) {
	for (var j = 0; j<res.length;j++) {
	    if (arr[i] === res[j]) {
		break;
	    }
	}
	if (j === res.length) {
	    res.push(arr[i]);
	   }
	}
	  return res;
 }
console.log(unique(arr));

 //es6 Set方法
  function unique(arr){
    return Array.from(new Set(arr));
   }
  console.log("es6Set方法:",unique(arr));

  

  

时间: 2024-11-08 06:16:46

JavaScript简写技巧 转载 持续搬运,方面自己查看的相关文章

JavaScript简写技巧总结

在日常工作中,JavaScript一些常用的简写技巧,将直接影响到我们的开发效率,现将常用技巧整理如下: 1. 空(null, undefined)验证     当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined).这对于JavaScript编程来说,是一个经常要考虑到的验证. 非优化代码: if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let

JavaScript 的简写技巧

本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读. 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作. 文章将分成初级篇和高级篇两部分,分别进行介绍. 初级篇1.三目运算符下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码. const x = 20; let answer; if (x > 10) { answer = 'greater than 10'; } else { answer

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

前端知识:12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

快速排序(Quicksort)的Javascript实现(转载)

日本程序员norahiko,写了一个排序算法的动画演示,非常有趣. 这个周末,我就用它当做教材,好好学习了一下各种排序算法. 排序算法(Sorting algorithm)是计算机科学最古老.最基本的课题之一.要想成为合格的程序员,就必须理解和掌握各种排序算法. 目前,最常见的排序算法大概有七八种,其中"快速排序"(Quicksort)使用得最广泛,速度也较快.它是图灵奖得主C. A. R. Hoare(1934--)于1960时提出来的. "快速排序"的思想很简单

JavaScript的技巧45招

JavaScript奇技淫巧45招 来自仲老师的分享: 原文地址[http://chensd.com/2015-01/45-useful-javascript-tips-tricks-and-best-practices.html] 本文是一篇翻译文章,原文信息如下: 原文:45 Useful JavaScript Tips, Tricks and Best Practices 作者:Saad Mousliki JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(Pho

JavaScript小技巧

1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 1 2 3 4 5 6 7 var myVar   = "3.14159", str     = ""+ myVar,//  to string int     = ~~myVar,  //  to integer float   = 1*myVar,

10个CSS简写技巧让你永远受用

转自:http://blog.bingo929.com/10-css-shorthand-tips.html 前言: CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化.CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处.臃肿而杂乱的CSS样式表会使你遇到问题是难以调试.尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降. 今天,暴风彬彬整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Drea

常用的javascript小技巧

字符串转换为数值 常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型 在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型 转