【javascript入门笔记(4)表达式与运算符

简介: 【javascript入门笔记(4)表达式与运算符

个人名片:

😊作者简介:一名大一在校生,web前端开发专业

🤡 个人主页:python学不会

🐼第一次写博客,写的不好望指正
🎅
学习目标: 坚持每一次的学习打卡


什么是javascript表达式?

✨表达式是由运算元运算符构成,并产生运算结果的语法结构。

它也可以是各种类型的数据、变量和运算符的集合。

✨表达式分为简单表达式(Primary Expression)和复杂表达式(Member Expression)

✨复杂表达式:由简单的表达式和操作符(Operator)组成

复杂表达式(Member Expression)

1.属性访问表达式:

⏺️Member Expression.IdentifierName:表达式后跟随一个点和标识符,表达式指定对象,标识符指定需要访问的的属性的名称

⏺️Member Expression[Expression ]:方括号内是另外一个表达式(适用于对象和数组使用)指定要访问的属性名称或表达要访问数组元素的索引

举个🍐

//属性访问表达式
var o={x:1,y:{z:3}};//对象值
var a =[o,4,[5,6]];//包含对象的数组值
o.x;//表达式o的x属性,值为1
o.y.z;//表达式o.y的z属性,值为3
o['x'];//对象o的x属性,值为1
a[1];//表达式a中索引为1的元素,值为4

2.函数表达式

⏺️函数定义表达式

⏺️函数调用表达式:一种调用或执行函数或方法的语法表示

举个🍐

<!-- 函数表达式 -->
 <script>
    function squarel(x){
        return x*x;
    }
    var squarel2 = function(x){
        return x*x;
    }
    document.write(squarel(2));//输出结果4
    alert(squarel2(3));//输出结果为9,弹框显示

什么是算术运算符?

😄算术运算符:

✨对数值类型的变量及常量进行算术运算。

✨也是最简单和最常用的运算符号

注意:将运算符自加++或自减–放在操作数前面,先进行自增或自减运算,再进行其他运算。若运算符放在操作数后面,则进行其他运算,再进行自增或自减运算。

✨递增和递减运算符仅对数值型和布尔型数据操作,会将布尔值true当做1,false当做0.

✨四则混合运算,一般遵循“先乘除后加减”的原则

✨取模运算结果的正负取决于被模数(%左边的数)的符号

✨尽量避免利用小数进行运算

✨“+”和“-”在算数运算时还可以表示正数或负数

举个🍐

<script type="text/javascript">
//自加自减运算表达式
var x=10;
var y=++x;//x=11,y=11;
var z=x++;//x=12,z=11;
var t=--x;//x=11,t=11;
var p=x--;//x=10,p=11;
 </script>
<p onclick="alert(y);">显示y的值</p>
<p onclick="alert(z);">显示z的值</p>
<p onclick="alert(t);">显示t的值</p>
<p onclick="alert(p);">显示p的值</p>

✨注意:从左往右运算且只计算一次

什么是赋值运算符?

赋值运算符:是一个二元运算符,它有两个操作数

它将运算符右边的值赋给左边的变量

注意:

✨“=” 是赋值运算符,而非数学意义上的相等的关系

✨一条赋值语句可以对多个变量进行赋值

✨赋值运算符的结合性为“从右到左

举个🍐

var num1=2;

num1+=3;等价于num1=num1+3;

var num2=‘2’;

num2-=3;等价于:num2=num2-3;

什么是比较运算符?

比较运算符:

⏺️用来对两个数值或变量进行比较

⏺️结果是布尔类型的true或false

注意:

✨不相同类型的数据进行比较时,首先会自动将其转换成想同类型的数据后再进行比较

✨运算符“”和“!=”运算符在比较时,只比较数值是否相等
✨运算符“
=”和“!==”比较数值和其数据类型是否相等

什么是逻辑运算符?

逻辑运算符:是在程序开发中用于逻辑判断的符号

其返回值类型是布尔类型

举个🍐

//逻辑运算符
 var x=8,y=5
 alert(x<10 && y>1);//true
 alert(x==5||y==5);//true
 alert(a>10 && y>1);
 alert(x!=5||y==5); //true
 //逻辑运算符的结合性是从左到右

注意 :

✨逻辑运算符的结合性是从左到右

✨当使用“&&”连接两个表达式,如果左边表达式值为false,则右边表达式不会执行,逻辑运算结果为false。

✨当使用“||”连接两个表达式,如果左边表达式值为ture,则右边的表达式不会执行,逻辑运算结果为true

✨逻辑运算符可证对结果为布尔值的表达式进行运算

什么是三木运算符?

三目运算符:是一种需要三个操作数的运算符,运算结构根据给定条件决定

语法:条件表达式?表达式1:表达式2

✨先求条件表达式的值

✨如果为TRUE,则返回表达式1的结果

✨如果表达式为false,则返回表达式2的执行结果

举个🍐

//判断一个数的奇偶数
 var num =15;
 var result= (num%2==0?"是偶数":"是奇数");
 document.write(num+result);
//输出结果 15是奇数

运算符的优先级:在表达式中各个运算符参与运算的先后顺序

//运算符优先级
var i=100
i++;
var j =i++;
var y= ++j;
console.log(y,i,j)
//输出结果102,102,102

有什么问题可以发在评论区,有问题大家一起解决,互相进步😊

目录
相关文章
|
6天前
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
12 3
|
17天前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
14 1
|
1月前
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
59 2
一个案例带你从零入门Three.js,深度好文!
|
25天前
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
1月前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战 JS中正则表达式的使用
这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。
JavaScript基础&实战 JS中正则表达式的使用
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
1月前
|
JavaScript 前端开发 NoSQL
使用Node.js进行后端开发入门
【8月更文挑战第10天】恭喜你完成了Node.js后端开发的入门之旅!这只是个开始,Node.js的世界远比这广阔。随着你对Node.js的深入学习和实践,你将能够构建更复杂、更强大的后端应用。不断探索、学习和实践,你将在Node.js的道路上越走越远。
|
1月前
|
JavaScript 前端开发
在js中正则表达式验证小时分钟,将输入的字符串转换为对应的小时和分钟
这篇文章介绍了如何在JavaScript中使用正则表达式来验证时间字符串的格式(小时和分钟),并提供了将时间字符串转换为JavaScript Date对象的示例代码及其测试结果。
|
1月前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。