首先呢,什么是JavaScript;JavaScript是一种脚本语言,也是一种解释型语言,更是一种由数据值决定变量类型的弱类型语言

JavaScript主要由三部分组成

ECMAScript  这个是组成部分的核心

DOM   和    BOM

变量的定义是在内存中声明的一段可以存储可以变化的量

1.赋值运算符

语法为    x+=y   其等价于    x=x+y

其他算法与加法的语法相同

var b = a + b;

var b+=a;

2.关系运算符

string与number判断大小时,首先将字符串string隐式转换为number类型,用的是默认的Number()函数

Number()函数只能转化纯数字的数值,当其中夹杂着非数字时,例如30a,则转换结果为NaN

任何一个数据与NaN做比较时,得到的结束一定都是false

string字符串与string字符串之间比较大小时,比较的方法是根据每一个字符的Unicode码来做比较

3.逻辑运算符

用于多个条件之间的判断关系

&&  多个条件都必须满足

其短路逻辑为:当有一个条件出现false时,后面的条件便不会判断

   var a = prompt('请输入价格');

    a >= 100  &&  (a = a * 0.8);

  console.log('付出的价格为:' + a);

||   满足其中一个条件

其短路逻辑为:当有一个条件出现true时,后面的条件便不会判断

     var a = prompt('请输入留言');

   var result = a ||  ('主人正在忙,请您留言');

  console.log(result);

!  取反

     var  a  =  prompt(' 请输入一个数据');

     console.log('是不是一个数:'+ !isNaN(input) );

4.位运算符

位运算在运算时一定会将数据转为二进制,而小数会被转换成整数

按位且  &  通常与二进制的1一起使用,用于判断数据的奇偶性

var input = prompt(' 请输入一个数');

var result = input & 1;

result = 0?  '为偶数' : '为奇数' ;

console.log(result);

按位或  |   通常与二进制的0一起使用,用于number数据的向下取整

<<  按位左移     将二进制向左移动,移动多少位就在二进制最右边补上几个0

>> 按位右移      将二进制向右移动,当数据被移除二进制最后一位数,数值为0

^  异或  将两个需要运算的数字转换为二进制,在同一位置上只有一位数字为1的时候得到的值为1,否则为0

也可用于交换两个数值之间的计算

5.条件运算符    三目运算

单目运算符   ++   --   !

双目运算符  +   -   *   /   %    &&   ||   ^    &   |    <    >

三目运算符  表达式为:   表达式1?表达式2:表达式3;

当表达式1成立时,输出表达式2,否则输出表达式3

其中表达式1的结果为Boolean类型,表达式2表示true,表达式3表示false

var input = prompt('请输入您的成绩');

input >=60?  '及格 '  :  '未及格 '  ;

   console.log(input);

最后呢,再写一下浏览器的内核与引擎

  内核名                       排版引擎                          脚本解释引擎

IE                            Trident                       -(内核自带)                     Chakra

Firefox                     Gecko                               -                                   Monkey

Safari                      Webkit                         Webcore                            Nitro

Chrome                   Webkit                         Webcore                             V8

Opear(2013年之前)                     presto                               -                                 Caraken

Opear(2013年到如今)                 Webkit                          Webcore                            V8

小 练习

1、弹出一个输入提示框,请用户输入一个表示工资的数字,按如下规则在控制台中输出改工资金额的级别:
1)大于等于20000,显示 高工资
2)小于20000大于等于8000 显示 中高工资
3)小于8000 显示 普通工资

<script>
var input = prompt('请输入您的工资');
var result = input >= 20000? '高工资':input <8000? '普通工资':'中高工资';
console.log(result);
</script>

2、体重健康指数(克莱托指数)计算公式如下:
体重(kg)/身高的平方(m)
20-25正常,20以下偏瘦,25以上偏胖
例如:某人是60kg,1.7m。那就是:60/(17*17)=20.76,属于“正常”体重;

<script>
var a = prompt('请输入您的体重');//将体重赋值给a
var b = prompt('请输入您的身高');//将体重赋值给b
var c = a / (b*b); //计算克莱托指数c
var result = c >= 25? '偏胖;': c <= 20? '偏瘦;': '正常;';
console.log(result + '克莱托指数:' +c);
</script>

3、要求用户输入一个四位数,将这个四位数的个,十,百,千位的数字单独输出来,并将他们的和求出来!
例:用户输入2045,输出结果为:个位:5,十位:4,百位:0,千位:2,和为:11

<script>
var a = prompt("请输入一个四位数的正整数");//给a赋予一个值
var b = parseInt(a/1000);//取整,即千位数
var c = parseInt(a/100);//取一个两位数的整数,是千位与百位
var d = c%10;//取余,即百位数
var e = a%100;//取一个两位数的余数,是十位与个位
var f = parseInt(e/10);//取整,即十位数
var g = a%10;//取余,即个位数
var h = g + f + d + b;//计算个位,十位,百位,千位的和
console.log('个位:' + g,'十位:' + f,'百位:' + d,'千位:' + b);
console.log('和为:' + h);
</script>

4、商场为员工提供了基本工资(3000元)、物价津贴及房租津贴,其中物价津贴为基本工资的40%,房租津贴为基本工资的25%。编程计算实领工资

<script>
var a = prompt('请输入您的基本工资');//将基本工资赋值给a
var b = a * 0.4;//计算物价津贴的值,并赋予b
var c = a * 0.25;//计算房租津贴的值,并赋予c
var result = a * (1 + 0.4 + 0.25);//计算实领工资
console.log('实领工资为:' + result);
</script>

关于一些JS的运算符的更多相关文章

  1. js基础——运算符

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

  2. Js的运算符

    JS的运算符 1.运算符的分类: a) 算数运算符 b) 字符串运算符 c) 赋值运算符 d) 比较运算符 e) 逻辑运算符 f) 位运算符 g) 其他运算符 2.算数运算符 + 加法运算符 - 减法 ...

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

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

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

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

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

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

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

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

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

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

  8. JS笔记 运算符 函数

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

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

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

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

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

随机推荐

  1. SQL-W3School-高级:SQL RIGHT JOIN 关键字

    ylbtech-SQL-W3School-高级:SQL RIGHT JOIN 关键字 1.返回顶部 1. SQL RIGHT JOIN 关键字 RIGHT JOIN 关键字会右表 (table_nam ...

  2. Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result

    Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in 解决方案:$sql = ...

  3. ASP.NET MVC 3 Razor 多国语言参考解决方案

    http://www.cnblogs.com/think8848/archive/2011/03/20/1989376.html

  4. android java.lang.IllegalArgumentException: Comparison method violates its general contract! 问题

    android  java.lang.IllegalArgumentException: Comparison method violates its general contract! 问题 jav ...

  5. iOS自适应行高方法及问题

    最近一周被项目的动态高度虐的很惨,感觉浪费了很多时间,但是值得高兴的是对动态高度的使用掌握了好多方法,并且知道了方法之间的区别和优缺点. 1.最常用的: UITableView+FDTemplateL ...

  6. centos6.x一直停留在进度条的问题

    由于屏幕关闭加上长时间没有操作可能导致centos进行深度休眠,此时只能通过电源键来强制重启.可以通过修改X11的配置来禁止休眠,配置文件为/etc/X11/xorg.conf,注意修改此文件前记得备 ...

  7. IE浏览器URL中的查询条件中包含中文时报404的解决办法

    情况是比如我输入如下URL到IE浏览器: http://localhost:8090/RPT_TYSH_JL_ZD_DETAIL.html?pageIndex=1&year=2018& ...

  8. iOS-在AFN基础上进行网络请求的封装

    网络请求的思路:如果请求成功的话AFN的responseObject就是解析好的. 1发送网络请求:get/post/或者别的 带上URL,需要传的参数 2判断后台网络状态码有没有请求成功: 3 请求 ...

  9. Laravel核心代码学习

    原文地址:https://github.com/kevinyan815/Learning_Laravel_Kernel

  10. Telegram Groups vs Telegram Channels

    Telegram Groups vs Telegram Channels By Iaroslav Kudritskiy  Unlike other messaging apps, using Tele ...