2019-10-24 HTML

<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>一元运算符

  <script type="text/javascript">

      /* 一元运算符，只需要一个操作数

+ 正号

- 正号不会对数字产生任何影响

- 负号

- 负号可以对数字进行符号的取反

- 对于非Number类型的值，它会将先转换为Number，然后再运算

- 可以对一个其他的数据类型使用+,来将其转换为number,

它的原理和Number()函数一样 */

var a = -123;

a = +a;

a = -a;

a = true;1

a = -a; //-1

a = "18";

a = +a; //18

//console.log(typeof a);

//console.log("a = " + a);

var = resole = 1 + '2' + 3; //123

var = resole = 1 + +'2' + 3; //6

console.log("resole = " + result)

</html>


<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>自增和自减

  <script type="text/javascript">

      /* 自增 ++

- 通过自增可以使变量在自身的基础上增加1

- 对于一个变量自增以后，原变量的值会立即自增1

- 自增分成两种：后++(a++) 和 前++(++a)

无论是a++还是++a，都会立即使原变量的值自增1

不同的是a++和++a的值不同

a++的值等于原变量的值（自增前的值）

++a的值等于新值 （自增后的值）

自减 --

- 通过自减可以使变量在自身的基础上减1

- 自减分成两种：后--(a--) 和 前--(--a)

无论是a--还是--a都会立即使原变量的值自减1

不同的是a-- 和 --a的值不同

a-- 是变量的原值 （自减前的值）

--a 是变量的新值 （自减以后的值）*/

var a = 1;

//a = a + 1;

//a++;

//++a;

//console.log(a++); //1

//console.log(++a); //2

//console.log("a = " + a);

var c = 10;

c++; //c = 11

console.log(c++); //11,c=12

console.log("c = " + c); //12

var d = 20;

//console.log(++d);//21

//console.log(++d);//22

//20 + 22 +22

var result = d++ + ++d; //64

console.log("result" + result);

d = 20;

d = d++;

console.log("d = " + d); //20

var e = d++; //20

d = e;

console.log("d = " + d); //20

var num = 10;

//num--; //9

//--num; //9

console.log(num--); //10

console.log(); //

</html>


<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>逻辑运算符

  <script type="text/javascript">

      /* JS中为我们提供了三种逻辑运算符

!:非 not

- !可以用来对一个值进行非运算

- 所谓非运算就是值对一个布尔值进行取反操作，

true变false，false变true

- 如果对一个值进行两次取反，它不会变化

- 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反

所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值

可以为一个任意数据类型取两次反，来将其转换为布尔值，原理和Boolean()函数一样

&&:与 and

- &&可以对符号两侧的值进行与运算并返回结果

- 运算规则

- 两个值中只要有一个值为false就返回false，

只有两个值都为true时，才会返回true

- JS中的“与”属于短路的与，

如果第一个值为false，则不会看第二个值

||:或 or

- ||可以对符号两侧的值进行或运算并返回结果

- 运算规则：

- 两个值中只要有一个true，就返回true

如果两个值都为false，才返回false

- JS中的“或”属于短路的或

如果第一个值为true，则不会检查第二个值 */

var a = true;

a = !!a;

//console.log("a = " + a);

var b = 10; //true

b = !!b; //false

//console.log("b = " + b)

//console.log(typeof b)

var result = true && true; //true

result + true && false; //false

result + false && true; //false

result + false && false; //false

//console.log("result = " + result)

//true && alert("看你出不出来！！")

//false && alert("看你出不出来！！")

result = false || false; //false

result = true || false; //true

result = false || true ; //true

result = true || true ; //true

console.log("result = " + result)

//false ||alert("123");

true ||alert("123");

</html>


<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>与或运算

  <script type="text/javascript">

  /* && || 非布尔值的情况

- 对于非布尔值进行与或运算时，会先将其转换为布尔值，然后再运算，并且返回原值

- 与运算：

- 如果第一个值为true，则必然返回第二个值

- 如果第一个值为false，则直接返回第一个值

- 或运算

- 如果第一个值为true，则直接返回第一个值

- 如果第一个值为false，则返回第二个值 */

var result = 1 && 2; //true&&true 2

var result = 2 && 1; //true&&true 1

result = 0 && 2; //false&&true 0

result = 2 && 0; //true&&false 0

result = NaN && 0; //false&&false NaN

result = 0 && NaN; //false&&false 0

result = 2 || 1; //true||true 2

result = 2 || NaN; //true||false 2

result = NaN || 0 ; //false||false 0

result = "" || "Hello" ; //false||true "Hello"

result = -1 || "您好" ; //true||true -1

console.log("result = "+result);


<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>赋值运算符

  <script type="text/javascript">

    /*  =

可以将符号右侧的值赋值给符号左侧的变量

+=

a += 5 等价于 a = a + 5

-=

a -= 5 等价于 a = a - 5

*=

a *= 5 等价于 a = a5

/=

a /= 5 等价于 a = a / 5

%=

a %= 5 等价于 a = a % 5 */

var a = 10;

//a = a + 5;

//a += 5;

//a -= 5;

//a *= 5;

//a /= 5;

a %= 3; //余1

console.log("a = "+a);

</html>


<!DOCTYPE html>

<html lang="en">

  <meta charset="UTF-8">

  <title>关系运算符

  <script type="text/javascript">

      /* 通过关系运算符可以比较两个值之间的大小关系，

如果关系成立它会返回true，如果关系不成立则返回false

> 大于号

- 判断符号左侧的值是否大于右侧的值

- 如果关系成立，返回true，如果关系不成立则返回false

- 判断符号左侧的值是否大于或等于右侧的值

< 小于号

>= 大于等于

<= 小于等于

非数值的情况

- 对于非数值进行比较时，会将其转换为数字然后再比较

- 如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，

而会分别比较字符串中字符的Unicode编码 */

var result = 5 > 10; //false

var result = 5 > 4; //true

var result = 5 > 5; //false

var result = 5 >= 5; //true

var result = 5 >= 4; //true

var result = 5 < 4; //false

var result = 4 <= 4; //true

//console.log("result = "+result);

//console.log(1 > true); //false

//console.log(1 >= true); //true

//console.log(1 >= "0"); //true

console.log(10 > null); //true 10>0

// NaN

//console.log(10 > "Hello"); //false

//console.log(10 >= "Hello"); //false

//console.log(10 <= "Hello"); //false

//console.log(10 <= "Hello"); //false

//console.log(true > false); //true 1>0

//console.log("1" > "5"); //true

//console.log(11 < "5"); //false

//console.log("11" < "5"); //true

//console.log("a" < "b"); //true

//console.log("abc" < "b"); //true

//console.log("bbc" < "b"); //false

//console.log("abc" < "bcd"); //true

//console.log("你" < "我"); //false

//console.log("你" < "我"); //false

//console.log("11106451651" < +"5"); //false

</html>

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 215,923评论 6赞 498
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,154评论 3赞 392
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 161,775评论 0赞 351
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,960评论 1赞 290
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,976评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,972评论 1赞 295
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,893评论 3赞 416
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,709评论 0赞 271
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,159评论 1赞 308
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,400评论 2赞 331
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,552评论 1赞 346
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,265评论 5赞 341
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,876评论 3赞 325
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,528评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,701评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,552评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,451评论 2赞 352

推荐阅读更多精彩内容

  • js设计模式笔记
    单例模式 适用场景：可能会在场景中使用到对象，但只有一个实例，加载时并不主动创建，需要时才创建 最常见的单例模式，...
    Obeing阅读 2,065评论 1赞 10
  • 2018-11-05
    01javascript语法规范 <!DOCTYPE html> javascript语法...
    ouyangqinbin阅读 1,305评论 0赞 0
  • 相等运算符等
    <!DOCTYPE html> 相等运算符 /*相等运算符用来比较两个值是否相等，如果相等会返回true，...
    晓枷锁阅读 357评论 0赞 0
  • Javascript基本语法
    一个完整的JavaScript实现包含了三个部分： ECMAScript DOM BOM。 JS的特点： 解释型语...
    咻咻咻滴赵大妞阅读 455评论 0赞 7
  • 我跟你说，你的肾受伤了！
    想保护我们的肾，我们首先要了解它！ 肾有三怕 1、过度房事，肾者，受五脏六腑之精华而藏之，因此，五脏强盛，精气才能...
    04b4574d4783阅读 138评论 0赞 0