美文网首页
JS运算符的补充、操作属性

JS运算符的补充、操作属性

作者: 啊烟雨 | 来源:发表于2018-10-30 19:01 被阅读0次

    关系运算符:

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

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

    > 大于号

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

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

    >= 大于等于

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

    < 小于号

    <= 小于等于

    非数值的情况

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

    - 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码

    任何值和NaN做任何比较都是false

    比较两个字符串时,比较的是字符串的字符编码

    比较字符编码时是一位一位进行比较

    如果两位一样,则比较下一位,所以借用它来对英文进行排序

    比较中文时没有意义

    如果比较的两个字符串型的数字,可能会得到不可预期的结果

    注意:在比较两个字符串型的数字时,一定一定一定要转型.

    Unicode编码:

    在字符串中使用转义字符输入Unicode编码

    \u四位编码,例:console.log("\u2F81");

    console.log("\u2620");

    在网页中使用Unicode编码:

    &#编码;

    注意:这里的编码需要的是10进制

    相等运算符:

    相等运算符用来比较两个值是否相等,

    如果相等会返回true,否则返回false

    使用 == 来做相等运算

    - 当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较

    不相等

    不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false

    - 使用 != 来做不相等运算

    - 不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false

    ===

    全等

    - 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换

    如果两个值的类型不同,直接返回false

    !==

    不全等

    - 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换

    如果两个值的类型不同,直接返回true.

    undefined 衍生自 null,所以这两个值做相等判断时,会返回true

    NaN不和任何值相等,包括他本身,换言之,和任何数包括他本身进行比较都会返回false.

    var b = NaN;

    判断b的值是否是NaN

    console.log(b == NaN);//无法判断,只会返回false

    可以通过isNaN()函数来判断一个值是否是NaN

    如果该值是NaN则返回true,否则返回false

    格式:console.log(isNaN(b)); 

    结果:true

    条件运算符:

    条件运算符也叫三元运算符

    语法:

    条件表达式?语句1:语句2;

    - 执行的流程:

    条件运算符在执行时,首先对条件表达式进行求值,

    如果该值为true,则执行语句1,并返回执行结果

    如果该值为false,则执行语句2,并返回执行结果

    如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后在运算

    例:

    var a = 300;

    var b = 143;

    var c = 50;

    a > b ? alert("a大"):alert("b大");

    获取a和b中的最大值

    var max = a > b ? a : b;

    获取a b c 中的最大值

    max = max > c ? max : c;

    这种写法不推荐使用,不方便阅读

    var max = a > b ? (a > c ? a :c) : (b > c ? b : c);

    运算符的优先级:

    , 运算符:使用,可以分割多个语句,一般可以在声明多个变量时使用

    使用,运算符同时声明多个变量:var a, b, c;

    可以同时声明多个变量并赋值:var a=1, b=2, c=3;

    就和数学中一样,在JS中运算符也有优先级,

    比如:先乘除 后加减

    在JS中有一个运算符优先级的表,

    在表中越靠上优先级越高,优先级越高越优先计算

    如果优先级一样,则从左往右计算

    但是这个表我们并不需要记忆,如果遇到优先级不清楚

    可以使用()来改变优先级

    例:

    var result = 1 || 2 && 3;

    如果||的优先级高,或者两个一样高,则应该返回3

    如果与的优先级高,则应该返回1,

    结果:返回1,与的优先级高.

    代码块:

    我们的程序是由一条一条语句构成的

    语句是按照自上向下的顺序一条一条执行的

    在JS中可以使用{}来为语句进行分组,

    同一个{}中的语句我们称为是一组语句,

    它们要么都执行,要么都不执行,

    一个{}中的语句我们也称为叫一个代码块

    在代码块的后边就不用再编写;了

    JS中的代码块,只具有分组的的作用,没有其他的用途

    代码块内容的内容,在外部是完全可见的

    JS操作属性:

    DOM是为了操作文档(网页)的API,document是它的一个对象

    BOM是为了操作浏览器的API,window是它的一个对象

    常用BOM对象还有:alert、定时器等

    例:

    window.onload = function(){

    document.getElementById('div1').title = "我看到了!";

    相当于整个文档加载完之后执行一个匿名函数.

    JS操作style属性:

    style属性中的样式属性,没有"-"号的,写法相同

    style属性中的样式属性,带"-"号的需要去掉"-"号,写成小驼峰式

    例如:font-size属性要写为fontSize.

    JS操作class:

    由于class是js中的保留关键字,所以设置class属性时,要写为className.

    JS中括号操作属性:

    oDiv.style.color = 'red';//red必须加引号,否则会认为它是一个变量,引起来会认为它是一个值,赋值给=号左边.

    例:

    通过[]操作属性可以写变量 ,oDiv['style'][attr] = 'red';

    通过innerHTML可以读写元素包括的内容,  alert(oDiv.innerHTML);      即:读取标签里面包裹的元素

    .向div标签中插入超链接标签,  oDiv2.innerHTML = "<a href='http://www.baidu.com'>百度网</a>";

    document.write和innerHTML的区别

    document.write只能重绘整个页面

    innerHTML可以重绘页面的一部分。

    相关文章

      网友评论

          本文标题:JS运算符的补充、操作属性

          本文链接:https://www.haomeiwen.com/subject/xtcntqtx.html