JavaScript逻辑与运算举例详解

 更新时间:2025年12月21日 09:40:36   作者:踢球的打工仔  
js中逻辑运算符在开发中可以算是比较常见的运算符了,这篇文章主要介绍了JavaScript逻辑与运算的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

算术运算符

var a = 10;
var b = 2;
//加法运算  +
console.log(a+b);
//减法运算  -
console.log(a-b);
//乘法运算  *
console.log(a*b);
//除法运算  /
console.log(a/b);
//取余运算  %
console.log(a%3);
//赋值运算 同样的可以适用于 以上的其他运算符
b += 2;
console.log(b); 
//自增运算
console.log(a++);
console.log(++a);
//自减运算
console.log(a--);
console.log(--a);

注:以上大家要注意自增和自减时的++和--在前后的区别

第17行,console.log(a++);这里先输出a的值,然后执行a++;

第18行,console.log(++a);这里先运行++a,然后再输出a;

比较运算符

var a = 10;
var b = 2;
console.log(a>b);
console.log(a<b);
console.log(a=="10");
console.log(a==="10");
console.log(b!="2");
console.log(b!=="2");
console.log(a>=10);
console.log(b<=2);

注:

以上我们需要注意的是 == 和 === 的区别,虽然js是弱类型的,但是,并不是代表js没有类型,==不会进行类型的判断,会自动进行转换,而=== 确会先进行类型的判断。同样的 != 不会进行类型的判断,而 !== 会进行类型的判断。

var a = 10;
var b = 2;
console.log(a && b);
console.log( 0 && a );
console.log(a || 0);
console.log(0 || a);
//
1 && console.log("9");
0 && console.log("99");
1 || console.log("999");
0 || console.log("9999");

注:看以上的 && 和 || 运算,&& 判断两个是不是为真。||判断是不是某个为真值

看后面的带有输出的,我们可以知道,&&运算当第一个为假的时候,就不会进行第二个运算;||运算当第一个为真的时候,就 不会运行第二个运算;

条件判断

var a = 10;
if(a>100)
{
    console.log("a大于100");
}else if(a>9){
    console.log("a大于10");
}else{
    console.log("a是其他的值");
}

注:

if(真){为真时的执行语句}else{不为真的执行语句};用来基本的逻辑判断;

var c = Math.round(Math.random()*3);
switch(c)
{
    case 0:
        console.log("我是0");
        break;
    case 1:
        console.log("我是1");
        break;
    case 3:
        console.log("我是3");
        break;
}

注:以上我们刷新界面会输出不同的值,我们Math.random()随机取一个0到1的值;Math.round()是进行四舍五入的运算;

switch....case....会依据switch里面的值,选择对应的case进行执行;如果想要有一个默认的值,可以 使用default。

循环语句

var arr = [1,22,333,4444,55555];
for(var i=0;i<arr.length;i++)
{
    console.log("我是第"+i+"个索引,值为:"+arr[i]);
}
arr.forEach((item,index)=>{
    console.log("第"+index+"个索引的值为:"+item);
})
arr.map((value,index,array)=>{
    console.log("哈哈,输出第"+index+"个  "+value);
})
var result = arr.filter((value,index,array)=>{
    return value>100;
})
console.log(result);
var a = 10;
while(a>0)
{
    a--;
    console.log(a);
}
console.log("分割线**********************************");
a = 10;
do{
    a--;
    console.log(a);
}while(a>0)

注:

for循环:for(var i=0;i<arr.length;i++){...} 如果i小于arr.length,则会执行大括号{}里的内容;

forEach循环:arr.forEach((item,index)=>{}) 这会依次拿出arr里的值传到函数中进行执行,参数item为arr取出的值,index为当前值的索引,(item,index)=>{}是js中函数的简写,等行function (item,index){}

map:和forEach的用法差不多。

filter:我们通过英文意思知道这是过滤的意思,这个里面写一个函数,依次把arr取出的值传递进行,如果这个函数里的返回值大于1,那么当前的 取出的arr的值就会放到返回的强果数组中。

while()do{}和do{}while():这两个都是如果while为真,则会执行do后面大括号里的语句。差别是do...while.会先执行再判断;而while ...do...先判断再执行。

总结

到此这篇关于JavaScript逻辑与运算的文章就介绍到这了,更多相关js逻辑与运算内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序开发实战快速入门教程

    微信小程序开发实战快速入门教程

    这篇文章主要为大家介绍了开发一个微信小程序实战快速入门教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • ES6 class类实现继承实例详解

    ES6 class类实现继承实例详解

    传统的javascript中只有对象,没有类的概念,下面这篇文章主要给大家介绍了关于ES6 class类实现继承的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • JavaScript实现网页版的五子棋游戏

    JavaScript实现网页版的五子棋游戏

    这篇文章主要为大家详细介绍了JavaScript实现网页版的五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 用js读、写、删除Cookie代码分享及详细注释说明

    用js读、写、删除Cookie代码分享及详细注释说明

    JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie. 下面我们来分析下案例
    2014-06-06
  • 原生js实现水平方向无缝滚动

    原生js实现水平方向无缝滚动

    这篇文章主要为大家详细介绍了原生js实现水平方向无缝滚动的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • js中作用域的实例解析

    js中作用域的实例解析

    本文主要通过几个实例对js中作用域进行详细解析,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • JavaScript遍历对象的五种常用方式总结

    JavaScript遍历对象的五种常用方式总结

    这篇文章主要介绍了JavaScript遍历对象的五种常用方式,分别是for...in、Object.keys()+forEach()、Object.values()+forEach()、Object.entries()+forEach()和for...of+Object.entries(),文中给出了详细的代码示例,需要的朋友可以参考下
    2025-05-05
  • JS实现仿微信支付弹窗功能

    JS实现仿微信支付弹窗功能

    这篇文章主要介绍了JS实现仿微信支付弹窗功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • JavaScript encodeURI 和encodeURIComponent

    JavaScript encodeURI 和encodeURIComponent

    encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码,将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时,参数里面的中文、日文等非ASCII编码都会进行编码转换
    2015-12-12
  • 前端构建工具之gulp的配置与搭建详解

    前端构建工具之gulp的配置与搭建详解

    gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,下面这篇文章主要给大家介绍了关于前端构建工具之gulp的配置与搭建的相关资料,需要的朋友可以参考下。
    2017-06-06

最新评论