随笔分类 - js代码简洁写法
摘要:开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天,点击查看活动详情 🔽 前言 最近在网上冲浪时看到了这样一段代码: function getUserDescribe(name) { if (name "小刘") { console.log("刘哥哥"); } else i
阅读全文
摘要:携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第 17 天,点击查看活动详情 之前在掘金写了一篇介绍 JavaScript 小技巧的文章,很受大家欢迎。但是有朋友说还是不够用,于是我决定再写一篇更多更全的文章。原文:你需要知道的 12 个常用的 JavaScript 函数原来是
阅读全文
摘要:本文分享自华为云社区《提高代码效率的 20 个JavaScript 技巧和窍门》,作者:海拥 。 在我们的日常任务中,我们会编写诸如排序、搜索、查找唯一值、传递参数、交换值等功能,所以在这里我列出了我的速记技巧列表! JavaScript 真的是一门很棒的语言,值得学习和使用。对于给定的问题,可以有
阅读全文
摘要:今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦。 开始吧! 1.合并数组 普通写法: 我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组,不会更改现有的数组,而是返回一个新的数组。请看一个简单的
阅读全文
摘要:[常用的前端JavaScript方法封装] 1、输入一个值,返回其数据类型 function type(para) { return Object.prototype.toString.call(para) } 复制代码 2、数组去重 function unique1(arr) { return [
阅读全文
摘要:前言 编程是一件很快乐的事,实现一个目的,我们可以有很多方法路径,在这篇文章我们介绍一些JavaScript的奇技淫巧,仅供大家参考,各路大神在平时的代码编写时,如很多简洁高效的书写方式;欢迎各位在下方留言。 一、数据类型检测 1.1 typeof typeof操作符返回一个字符串,表示未经计算的操
阅读全文
摘要:前提 我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。 举个例子 先看一段代码 /**
阅读全文
摘要:☀️ 前言 大家好我是小卢,在工作中我们经常可以通过一些小细节来增加代码可读性,让代码看起来更加优雅。 这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。 「难度:🌟」 「推荐阅读时长:5min」 😎 正片 减少if...else面条代码 一旦当我们写到超过两个if...els
阅读全文
摘要:本文分享自华为云社区《提高代码效率的 20 个JavaScript 技巧和窍门》,作者:海拥 。 在我们的日常任务中,我们会编写诸如排序、搜索、查找唯一值、传递参数、交换值等功能,所以在这里我列出了我的速记技巧列表! JavaScript 真的是一门很棒的语言,值得学习和使用。对于给定的问题,可以有
阅读全文
摘要:今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦。 开始吧! 1.合并数组 普通写法: 我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组,不会更改现有的数组,而是返回一个新的数组。请看一个简单的
阅读全文
摘要:来源 | https://medium.com/frontend-canteen/10-simplest-tips-to-write-clean-javascript-code-for-beginners-8d52582b883 1、合并数组 正常代码: let apples = ['🍎', '�
阅读全文
摘要:// Longhand switch (data) { case 1: data1(); break; case 2: data2(); break; case 3: data(); break; // And so on... } // Shorthand var data = { 1: data
阅读全文
摘要:function uniqueId() { var a = Math.random, b = parseInt; return ( Number(new Date()).toString() + b(10 * a()) + b(10 * a()) + b(10 * a()) ); }
阅读全文
摘要:const arr = [1, 2, 3]; Math.max(…arr); // 3 Math.min(…arr); // 1
阅读全文
摘要:这个方法可以将对象转换为对象数组。 const data = { test1: 'abc', test2: 'cde', test3: 'efg' }; const arr = Object.entries(data); console.log(arr); /** Output: [ [ 'test
阅读全文
摘要:在查找数组的某个值时,我们可以使用 indexOf() 方法。但有一种更好的方法,让我们来看一下这个例子。 //longhand if(arr.indexOf(item) > -1) { // item found } if(arr.indexOf(item) -1) { // item not f
阅读全文
摘要:如果只在变量为 true 时才调用函数,可以使用 && 操作符。 //Longhand if (test1) { callMethod(); } //Shorthand test1 && callMethod(); 当我们创建了新变量,有时候想要检查引用的变量是不是为非 null 或 undefin
阅读全文
摘要:1,深拷贝一个对象 如上图所示,obj和tmp是完全两个独立的对象,互不影响2,数组复制 3,函数形参中的使用 这里的…args,是对test函数中多余的参数进行收集,并转换成数组的形式进入函数体中 4,一种特殊情况,当数组里面套对象的时候,我们用[…]依然是无法深拷贝一份数据的,这个时候我们就要自
阅读全文
摘要:数组是Javascript最常见的概念之一,它为我们提供了处理数据的许多可能性。您可以在编程开始之初就了解它,在本文中,我想向您展示一些您可能不知道并且可能非常有用的技巧。有助于编码!让我们开始吧。 1. 数组去重 这是一个非常流行的关于Javascript数组的采访问题,数组去重。这里有一个快速简
阅读全文
摘要:js 中if可以传入非布尔值,可以用来做非空判断,下面测试一下传入哪些值可以视为false let a = undefined; let b = null; let c = ''; let d = 0; let e = {}; let f = []; if (a) { console.log("un
阅读全文