你不知道的JavaScript之操作符

最新推荐文章于 2024-01-17 15:10:02 发布

clk_esunny

最新推荐文章于 2024-01-17 15:10:02 发布

阅读量162

点赞数

分类专栏： JavaScript 文章标签： JavaScript 三元操作符逻辑操作符

本文链接：https://blog.csdn.net/clk_esunny/article/details/80394714

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

操作符

1. 使用三元条件判断：


冗余的js代码:

if(a > 1) {

    b = true;

} else {

    b = false;

}

 

优化的js代码:

b = (a > 1 ? true : false);

2. JS变量赋值时的逻辑操作：

冗余的js 代码:

if( !x )  {

  if( !y )  {

    x = 1;

  } else {

    x = y;

  }

}



优化的js 代码:

x = x || y || 1;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

clk_esunny

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JavaScript 学习笔记之操作符

10-24

以上内容是对JavaScript操作符的全面讲解，包括自增自减、一元加减、位运算、逻辑非、逻辑与以及逻辑或等操作符的定义、用法和一些特殊情况的处理，希望能帮助JavaScript的学习者们更好地理解和掌握这些操作符的应用...

Javascript基础教程之比较操作符

10-24

JavaScript中的比较操作符分为几种类型，包括等于、不等于、大于、小于、大于等于、小于等于等。下面详细介绍这些操作符，并解释JavaScript在比较时的一些特殊行为。首先，让我们了解一下JavaScript中的等于（==）...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript基础语法_JavaScript操作符

热门推荐

JiuMeilove的博客

06-16

2万+

JavaScript 拥有如下类型的运算符。算术运算符使用数值(字面量或者变量)作为操作数并返回一个数值.标准的算术运算符就是加减乘除(+ - * /)。当操作数是浮点数时，这些运算符表现得跟它们在大多数编程语言中一样（特殊要注意的是，除零会产生Infinity）。比较运算符比较它的操作数并返回一个基于表达式是否为真的逻辑值。操作数可以是数字，字符串，逻辑，对象值。字符串比较是基于标准的字典顺序，使用Unicode值。在多数情况下，如果两个操作数不是相同的类型， JavaScript 会尝试转换它们为恰

JavaScript中的 ?? 操作符

weixin_43599321的博客

05-18

1035

JavaScript 中的 ?? 是一个新的操作符，被称为 Nullish Coalescing Operator ，意为“空值合并运算符”。它的作用是当左侧表达式为 null 或 undefined 时，返回右侧表达式的结果。如果左侧表达式的值不为 null 或 undefined，则返回左侧表达式的值。

【JavaScript的算术操作符】

魔术师

07-16

1412

【JavaScript的算术操作符】算术操作符：(+、-、*、/、%) 算术操作符包括：加、减、乘、除、求模/取余。 Tips：乘法运算的结果并不一定是整数，如(0.2 * 0.4)。对于字符串的加法，做的是字符串拼接；对于字符串的减法，只要操作数不是数字的字符串，得到的结果是NaN。算术操作符——

JavaScript操作符

流楚丶格念的博客

07-19

4161

文章目录操作符算术运算符一元运算符逻辑运算符(布尔运算符)关系运算符(比较运算符)赋值运算符运算符的优先级表达式和语句表达式语句代码示例 操作符 运算符 operator 5 + 6 表达式组成操作数和操作符，会有一个结果算术运算符 + - * / % 一元运算符一元运算符：只有一个操作数的运算符 5 + 6 两个操作数的运算符二元运算符 ++ 自身加1 – 自身减1 前置++ var num1 = 5; ++ num1; var num2 = 6; console.log(

javascript中的${}操作符

christmassss的博客

01-17

1549

是javascript ES6 中新增的字符串方法，用于拼接字符串。而现在我们又多了一种选择。

【JavaScript的逻辑操作符】

魔术师

07-17

1215

【JavaScript的逻辑操作符】逻辑操作符包括三种：与（&&）逻辑，前后两个式子均返回真才为真；或（||）逻辑，前后两个式子有一个为真就为真；非（!）逻辑，求当前值的非。注意：与逻辑：如果&&前面的表达式不成立，自动不执行后面的表达式; 或逻辑：如果||前面的表达式成立，自动不执行

【JavaScript的赋值操作符】

魔术师

07-19

1517

【JavaScript的赋值操作符】赋值操作符：(=、+=、-=、*=、/=、%=) 使用：赋值运算符并不是数学中的等于，而是把等号右边的数赋值给等号左边的变量，例如：a = 5；赋值操作符中还有+=、-=、/=、*=和%=等。（复合赋值运算符）举例：以+=为例，a += 5是a = a + 5的简写，其意思是把

javascript可选操作符 (?.)

qq_38110572的博客

06-15

2509

?. 语法在ES2020 中被引入，用法如下： obj.val?.pro // 如果`val`存在，则返回`obj.val.prop`，否则返回 `undefined`。 obj.func?.(args) // 如果 obj.func 存在，则返回 `obj.func?.(args)`，否则返回 `undefined`。 obj.arr?.[index] // 如果 obj.arr 存在，则返回 `obj.arr?.[index]`，否则返回 `undefined`。 //假设我们有一个对象 let

JavaScript中的指数操作符

南风花海的博客

12-29

2558

// ECMAScript 7 新增了指数操作符，Math.pow() 现在有了自己的操作符 **，结果是一样的 var num = Math.pow(3,2); console.log('3的平方等于'+num);//9 console.log(4 ** 2);//16 //不仅如此，指数操作符也有自己的指数赋值操作符 **=，该操作符执行指数运算和结果的赋值操作： let squared = 3; squared **= 2; console.log('squared='+squared);//9.

【JavaScript的关系操作符】

魔术师

07-21

1219

【JavaScript的关系操作符】关系操作符：(>、=、关系运算符包括：大于(>)、小于( 大于等于(>=)、小于等于( 不等于(!=)、值等于(==)、全等于(===)。使用的注意点：区别：等于（==）和全等（===），在==的情况下，只要值相同就可以返回true。如

第4节 JavaScript操作符.rar

最新发布

03-02

第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript操作符.rar第4节 JavaScript...

JavaScript 学习笔记之操作符（续）

10-24

上篇文章我们讲解了javascript的操作符中的一元操作符、位操作符、布尔操作符，今天我们继续讲解剩下的几个操作符，包括乘性操作符、加性操作符、相等操作符、条件操作符、赋值操作符、逗号操作符，小伙伴们仔细研读...

JavaScript之重复渲染问题

clk_esunny的成长之路

05-21

3451

重复渲染问题1. 原因：对于不断变化的需求，我们不想改变原有代码的实现逻辑，就会想着直接在原有代码基础上累加新需求的代码，这样会导致代码重复，并且页面会多次改变重新渲染——重复渲染，这影响了页面渲染效率。2. 代码：优化前的js代码://全局变量var newInfoList;//全局存储最新的信息：新增/修改var restoreInfoList;//全局存储已...

JavaScript之全局变量问题

clk_esunny的成长之路

05-18

894

全局变量问题1. 需求：（1）页面控制信息的新增/修改/删除/还原功能（2）只有一个“保存”按钮，访问后台，保存数据库2. 代码实现：优化前的js 代码://全局变量var newInfoList;//全局存储最新的信息：新增/修改var restoreInfoList;//全局存储已删除的信息：删除var allInfoList;//全局存储所有状态的信息：新增...

JavaScript之按钮重复绑定问题

clk_esunny的成长之路

05-21

562

按钮重复绑定问题1. 按钮绑定：应该减少按钮重复绑定，每个按钮只绑定一次，只有业务多的时候，需要重复绑定，但是绑定前一定要先解绑。（注：对于像弹出框的按钮绑定，只需创建弹出框的时候绑定一次，因为随着弹出框关闭，弹出框对象已不存在，相应的弹出框里面的按钮绑定也不存在了）2. 例子：对于动态改变的按钮，比如信息的“编辑”按钮，建议使用下面的按钮绑定方式：js 代码://点击“编辑”按钮$(...

JavaScript之函数传递

clk_esunny的成长之路

05-17

165

函数传递1. 代码实例：//say函数function say(word) { console.log(word);}//execute函数function execute(someFunction, value) { someFunction(value);}//执行execute函数execute(say, "Hello");2. 解释：这段代码：（1）在这里，我们把 say 函数作为ex...

深入理解JavaScript：操作符与表达式解析

"本文主要探讨JavaScript中的操作符和表达式，包括一元操作符的delete、typeof和void，以及它们在实际编程中的应用。" 在JavaScript中，操作符和表达式是编程的基础元素，用于执行各种计算和逻辑操作。本文将深入...