js各种简写

最新推荐文章于 2024-08-30 10:14:48 发布
最新推荐文章于 2024-08-30 10:14:48 发布
阅读量114 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70542915/article/details/134466260
版权
本文介绍了JavaScript中数组操作的两个简化技巧，包括使用filter方法的简写版本和indexOf方法的快速判断。作者展示了如何利用Boolean类型过滤数组和使用~运算符或includes方法来判断元素存在性。
摘要由CSDN通过智能技术生成

数组：const arr = [1, 2, null, undefine, '', '12', NaN, false]

filter过滤：常用简写 arr.filter(item => item)，

                  更简化 arr.filter(Boolean)

indexOf判断返回值是否为-1：常用写法 arr.indexOf(item) > -1  or arr.indexOf(item) === -1

                  简写 ~arr.indexOf(item)  or  arr.includes(item)

愿我能持续发现持续更新

聆听+自律
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript简写常用的12个技巧（可以大大减少你的js代码量）
10-19
以下是一些常见的JavaScript简写技巧，可以帮助你减少代码量并提升代码质量。 1. **空值验证**： 当你需要检查变量是否为空(null)、未定义(undefined)或空字符串时，可以使用短路逻辑操作符 `||`。例如： ```...
史上最全JavaScript常用的简写技巧（推荐）
10-19
下面，我们将详细介绍20条常用的JavaScript简写技巧。 1. **三元运算符简写**：三元运算符是JavaScript中非常实用的条件语句简写方式。通常用于在一行代码内替代if-else语句。例如，判断变量x是否大于10，并据此...
JavaScript一些比较常见缩写
海之霸痞老板
03-24 640
1. 判断是否为空(Null, Undefined,”) 当创建新的变量，有时你需要检查引用变量的值是否为null或undefined。 实例: if (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 = variable1; } 简写: var variable2 = ...
js 常用简写
一只小松鼠_的博客
03-12 1132
/ 获取arr的最后一位值// 一般写法// 二般写法// 终极写法。
Js的函数简写形式
chen的博客
07-10 551
这两种语法形式在功能上是等价的，都可以用来定义函数。箭头函数具有更简洁的语法和特定的上下文绑定行为，而普通函数定义方式则是传统的JavaScript函数定义形式。：这是ES6中的箭头函数（Arrow Function）的语法。箭头函数是一种简洁的函数表达式形式，可以更方便地定义函数。需要注意的是，箭头函数和普通函数在某些情况下具有不同的行为，特别是在处理函数上下文（都表示定义一个函数，但它们在语法上有细微的区别。：这是ES5及之前的函数定义的语法形式。是一个箭头函数，函数体写在花括号。
js语句简写大全
HanXiaoXi_yeal的博客
11-25 1110
【代码】js语句简写大全。
js 的一些简写
kang_k的博客
01-17 2248
数组去重 Set() Set类似于数组，区别在于它所有的成员都是唯一的，不能有重复的值 function dedupe(array) { return Array.from(new Set(array)); } dedupe([1,1,2,3]) // [1, 2, 3] set对象的方法 set方法详情点这里 方法 描述 add 添加某个值，返回Set对象本身。 cl...
前端js简写判断条件
qq_44626187的博客
02-07 412
前端js常用的简写判断结果
【JavaScript】声明对象简写
Decade_Faiz的博客
12-27 121
因为变量名和对象的属性名相同，所以可以简写。
30个常用的JavaScript简写技巧
donglize521521的博客
02-15 992
20个常用的JavaScript简写技巧 1.声明变量 //Longhand let x; let y = 20; //Shorthand let x, y = 20; 2.给多个变量赋值 我们可以使用数组解构来在一行中给多个变量赋值。 //Longhand let a, b, c; a = 5; b = 8; c = 12; //Shorthand let [a, b, c] = [5, 8, 12]; 3. 三元运算符 我们可以使用三元（条件）运算符在这里节省 5 行代码。 //Longhand
JS的一些简写技巧
weixin_44949635的博客
09-29 352
1. 多表达式多 if 判断 我们可以在数组中存储多个值，并且可以使用数组include方法。 2. 简写 if else 如果 if-else 的逻辑比较降低，可以使用下面这种方式镜像简写，当然也可以使用三元运算符来实现。 3. 合并变量声明 当我们声明多个同类型的变量时，可以像下面这样简写。 4. 合并变量赋值 当我们处理多个变量并将不同的值分配给不同的变量时，这种方式非常有用。 5. && 运算符 如果仅在变量值为 true 的情况下才调用函数，则可以
js-abbreviation-number:javascript中的缩写数字
05-02
javascript中的缩写数字 安装 npm install js-abbreviation-number 用法 import { abbreviateNumber } from "js-abbreviation-number" ; const num = abbreviateNumber ( 1000 , 1 ) ; // expected 1.0K const num =...
掌握 JavaScript 简写
07-27
掌握 JavaScript 简写 JavaScript 是一门灵活性很强的编程语言，它提供了许多简写技术，可以使代码更加简洁和优雅。掌握这些简写技术可以提高开发效率和代码质量。在本文中，我们将探讨 11 种常用的 JavaScript ...
jQuery基础——DOM
m0_54066656的博客
08-27 2149
JQ基础——DOM操作
vue ref和reactive区别
灰海
08-25 6530
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
python12 中，No module named‘distutils‘错误
热门推荐
qq_43557600的博客
08-27 1万+
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
最新发布
妍思码匠的博客
08-30 1082
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
JavaScript简写技巧全攻略
通过掌握这些JavaScript简写技巧，开发者可以编写出更简洁、高效的代码，同时提升代码质量，让代码更易于理解和维护。在实际开发中，根据项目需求和团队规范灵活运用这些技巧，能够显著提升开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值