JS的运算符

1.运算符的分类:

a) 算数运算符

b) 字符串运算符

c) 赋值运算符

d) 比较运算符

e) 逻辑运算符

f) 位运算符

g) 其他运算符

2.算数运算符

+ 加法运算符

- 减法运算符

* 乘法运算符

/ 除法运算符

% 取余(求模)运算符

++ 自增运算符

-- 自减运算符

3.字符串运算符:

A)在JS中没有专门用于字符串连接的运算符,使用算数运算符的+来进行字符串连接操作

将字符串和数值进行+号运算时,优先进行字符串连接运算,将数值类型转换为字符串类型之后再操作.

//字符串连接运算

var str1='好好学习,';

var str2='天天向上。';

var str3=str1+str2;

console.log(str3); //好好学习,天天向上。

B)如果要进行数学运算,需要手动将字符串类型强制转换为number类型。

var str4='123啦啦啦';

str5=parseInt(str4)+250;

console.log(str5); //373

4.赋值运算符:

=  赋值运算符

+=  完整格式  变量+=值       变量=变量+值

-=  完整格式  变量-=值       变量=变量-值

*=  完整格式  变量*=值       变量=变量*值

/=  完整格式  变量/=值        变量=变量/值

%=  完整格式  变量%=值        变量=变量%值

5.比较运算符:

>   大于

<   小于

==  等于

>=  大于等于

<=  小于等于

!=  不等于

===  全等于

!==  非全等于

6.逻辑运算符

var test1=true;

var test2=false;

//逻辑与运算

console.log(test1 && test2);//false

//逻辑或运算

console.log(test1 || test2);//true

//逻辑非运算

console.log(!test1);//false

逻辑与  &&  没有 单词and

逻辑或  ||  没有or

逻辑非  !

注意: JS没有逻辑抑或   也没有用于逻辑运算的单词

7.位运算

按位与  &

按位或  |

按位抑或  ^

按位非  ~

左移 <<

右移 >>

无符号右移 >>>

8.其他运算符:

typeof  类型检测运算符

?:  三元运算符     条件?真值:假值.

逗号运算符 分隔多次变量声明 节省代码

//同时声明多个变量 各个变量之间用逗号隔开

var a=1,b=10,c=true;

console.log(a);//1

console.log(b);//10

console.log(c);//true

Instanceof 运算符   对象所属检测运算符

格式:对象  instanceof  构造方法名(对象原型名称)

//实例化一个Array对象

var arr=new Array(1,2,3);

var result=arr instanceof Array;//----检测对象arr 是否所属于Array

console.log(result);//----------------true

如果用于检测,那么不可以使用Object对象原型,因为所有的JS对象都是Object做出来的

都是true

//实例化一个obj对象

var obj=new Object();

var result1= obj instanceof Object;

console.log(result1);//true---如果用于检测,那么不可以使用Object对象原型,因为所有的JS对象都是Object做出来的

var result2= str instanceof Object;

console.log(result2);//true---如果用于检测,那么不可以使用Object对象原型,因为所有的JS对象都是Object做出来的

var result3= arr instanceof Object;

console.log(result3);//true---如果用于检测,那么不可以使用Object对象原型,因为所有的JS对象都是Object做出来的

//检测浏览器对象是否是基于Object

console.log(window instanceof Object);

new 实例化对象的运算符   在JS中new 一个构造方法可以创造一个对象

//实例化一个对象

var mc=new Object();

mc.weight=140;

function song(){

alert('唱歌啊( ⊙ o ⊙ )啊!<br>');

}

mc.sing=song;//方法最终要赋给对象中属性 方便删除等操作

Delete 运算符   用于删除对象的成员属性或者方法也可以删除数组的值

//删除对象的某个成员

//delete mc.weight;

//delete mc.sing;

//声明一个数组

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

delete arr[3];//删除值为4的元素值

Void  运算符   空运算符

<a href="javascript:void(0)" onclick="alert('点了白点')">超链接</a>

Js的运算符的更多相关文章

  1. js基础——运算符

    爱创课堂前端培训--js基础 运算符一.运算符 运算符(Operators,也翻译为操作符),是发起运算的最简单形式.分类:(运算符的分类仁者见智,本课程进行一下分类.)数学运算符(Arithmeti ...

  2. js 的概念和声明-js 的变量-js 的运算符和逻辑结构-js 的数组

    js 的概念和声明Js的概念和声明:问题:在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和提供一些特效造成用户体验极差解决:使用JavaScript作用:可以让网页和用户之间进行直接简单的 ...

  3. JS总结 运算符 条件语句

    算术运算符+-*/ 与数学计算一致,配合()号进行各种计算 另外,+号还可以达到连接的作用.例如: var a = 15; alert("a的值等于"+a); 前后增减量运算符: ...

  4. JS基础-运算符-函数

    1.运算符  1.赋值运算符和扩展运算符    1.赋值运算符 =    2.扩展运算符      +=,-=,*=,/=,%=,^=....      ex:        a=a+b;--> ...

  5. JS 比较运算符 逻辑运算符

    逻辑运算符 三元运算符 摘自:http://www.w3school.com.cn/js/js_comparisons.asp

  6. Javascript 基础学习(五)js 的运算符

    通过运算符可以对一个或多个值进行运算,并且一定有运算结果返回 算数运算符 ​ 算数运算符包括相加(+).相减(-).相乘(*).相除(/).取模(%).任何值与字符串相加都会转换为字符串,做的是字符串 ...

  7. JS笔记 运算符 函数

    1.运算符 1.位运算符 将数字转换为二进制后进行运算 只做整数运算,如果是小数的话,则去掉小数位再运算 2.位运算 1.按位 与:& 语法:a&b; 2.按位 或| 语法:a|b 任 ...

  8. JS逗号运算符的用法详解

    逗号运算符的用法详解 注意: 一.由于目前正在功读JavaScript技术,所以这里拿JavaScript为例.你可以自己在PHP中试试. 二.JavaScript语法比较复杂,因此拿JavaScri ...

  9. js部分---运算符,if分支语句,for循环;switch case 的用法;

    ------------------------------------------运算符---------------------------------------------------- *数 ...

随机推荐

  1. laravel——基础增删改查

    一.控制器代码 <?php namespace App\Http\Controllers; use Illuminate\Support\Facades\DB; class CurdContro ...

  2. IDLE清屏扩展

    新建ClearWindows.py,复制以下代码: class ClearWindow: menudefs = [ ('options', [None, ('Clear Shell Window', ...

  3. glom初级教程

    1.glom介绍 通常对于字典和json的提取我们都是使用如下方式 >>> data = {'a': {'b': {'c': 'd'}}} >>> data['a' ...

  4. QT 右键弹出菜单

    QWidget及其子类都可有右键菜单 1.设置标志 在widget初始化的时候 setContextMenuPolicy(Qt::CustomContextMenu); 设置为自定义菜单模式 2.在需 ...

  5. CentOS 7下安装GUI图形界面

    https://www.linuxidc.com/Linux/2017-03/141465.htm

  6. maven构建web项目,用jetty测试的配置pom.xml

    maven构建web项目,用jetty测试的配置pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmln ...

  7. js给图层添加动态样式

    需求:需要在视窗内随意点击对应位置,图层从上到下匀速运动到指定位置 html <img id="moveDot" class="moveDot" src= ...

  8. [luogu P3313] [SDOI2014]旅行

    [luogu P3313] [SDOI2014]旅行 题目描述 S国有N个城市,编号从1到N.城市间用N-1条双向道路连接,满足从一个城市出发可以到达其它所有城市.每个城市信仰不同的宗教,如飞天面条神 ...

  9. js的一些常用方法

    1.判断是否为一个空对象 let a={}; console.log(Object.keys(arr).length==0);//true 2.从数组中取出重复的数据 var arr = [" ...

  10. 3DsMax 自动化操作(maxScript)

    这是我编写的一部分maxScript 脚本,专注于3DsMax 快速建模,程序化地为我们完成一些繁琐的工作. 可以极大提高公司开发的效率! 2019年04月09日 :上传 今年新开发的插件,还有很多, ...