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. Git仓库删除大文件

    Git仓库删除大文件 背景 当用Git久了,难免会手误或临时添加一些大文件到仓库中,即使以后添加进了.gitignore,甚至做了git rm,但是Git为了保证版本可回退,history pack里 ...

  2. 对java中路径的一些理解

    开始前先贴一下项目结构 public class TestLocation { @Test public void test1(){ String s1 = Objects.requireNonNul ...

  3. H5外包团队 2019案例更新

    H5外包团队 2019案例更新 本项目控件均为动态加载,3D部分使用Unity3D,其它基于ReactJS,NodeJS,部分使用cocos2D,由于项目涉密,只能发部分截图,欢迎联系索取更多案例,企 ...

  4. 如何快速连接无线Wifi 使用二维码

    无线Wifi现在已经很普及了,无论是在家.还是在单位.书店.餐馆.咖啡馆等公共场所,只要手机打开Wifi,选择相应的无线Wifi热点,手工输入密码后,即可通过无线Wifi访问互联网. 如何让用户更方便 ...

  5. [python]html格式转md格式

    html格式转md格式 # 模块html2text pip install html2text/pip3 install html2text 测试: import html2text as ht te ...

  6. [数据结构] 2.7 Heap 堆

    * 注: 本文/本系列谢绝转载,如有转载,本人有权利追究相应责任. 1.堆是什么? (如图所示是一个小堆) 1)堆是一颗完全二叉树,它的最后一层不是满的,其他每一层都是满的,最后一层从左到右也没有空隙 ...

  7. 《Professional JavaScript for Web Developers》day01

    <professional JavaScript for Web Developers>day01 1.JavaScript简介 1.1JavaScript简史:略 1.2JavaScri ...

  8. BUAA_OO第二单元作业总结——多线程

    OO第二单元作业总结——多线程 单元任务 本单元主要的内容是通过模拟电梯的运行来熟悉多线程的实现,从简单的单部FAFS电梯开始,ALS电梯,到最后的多部ALS电梯. 一.设计策略分析总结 1.1 多线 ...

  9. Mac OS X 操作系统下JDK安装与环境变量配置

    1. 下载JDK. 去oracle官网的Java SE Downloads页面(如图 1),下载Mac os版本JDK(如图 2): 图 1 图 2   2. 安装JDK. 下载完成后,双击.dmg文 ...

  10. h5软键盘弹起 底部按钮被顶起问题解决

    解决思路: 当键盘弹起时隐藏掉按钮,键盘隐藏时按钮显示 监测键盘是否弹起(浏览器页面是否发生变化) 代码: 1.定义一个底部按钮 <div class="returnbtn" ...