最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript邏輯與運(yùn)算舉例詳解

 更新時(shí)間:2025年12月21日 09:40:36   作者:踢球的打工仔  
js中邏輯運(yùn)算符在開發(fā)中可以算是比較常見的運(yùn)算符了,這篇文章主要介紹了JavaScript邏輯與運(yùn)算的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

算術(shù)運(yùn)算符

var a = 10;
var b = 2;
//加法運(yùn)算  +
console.log(a+b);
//減法運(yùn)算  -
console.log(a-b);
//乘法運(yùn)算  *
console.log(a*b);
//除法運(yùn)算  /
console.log(a/b);
//取余運(yùn)算  %
console.log(a%3);
//賦值運(yùn)算 同樣的可以適用于 以上的其他運(yùn)算符
b += 2;
console.log(b); 
//自增運(yùn)算
console.log(a++);
console.log(++a);
//自減運(yùn)算
console.log(a--);
console.log(--a);

注:以上大家要注意自增和自減時(shí)的++和--在前后的區(qū)別

第17行,console.log(a++);這里先輸出a的值,然后執(zhí)行a++;

第18行,console.log(++a);這里先運(yùn)行++a,然后再輸出a;

比較運(yùn)算符

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);

注:

以上我們需要注意的是 == 和 === 的區(qū)別,雖然js是弱類型的,但是,并不是代表js沒有類型,==不會(huì)進(jìn)行類型的判斷,會(huì)自動(dòng)進(jìn)行轉(zhuǎn)換,而=== 確會(huì)先進(jìn)行類型的判斷。同樣的 != 不會(huì)進(jìn)行類型的判斷,而 !== 會(huì)進(jìn)行類型的判斷。

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");

注:看以上的 && 和 || 運(yùn)算,&& 判斷兩個(gè)是不是為真。||判斷是不是某個(gè)為真值

看后面的帶有輸出的,我們可以知道,&&運(yùn)算當(dāng)?shù)谝粋€(gè)為假的時(shí)候,就不會(huì)進(jìn)行第二個(gè)運(yùn)算;||運(yùn)算當(dāng)?shù)谝粋€(gè)為真的時(shí)候,就 不會(huì)運(yùn)行第二個(gè)運(yùn)算;

條件判斷

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

注:

if(真){為真時(shí)的執(zhí)行語句}else{不為真的執(zhí)行語句};用來基本的邏輯判斷;

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;
}

注:以上我們刷新界面會(huì)輸出不同的值,我們Math.random()隨機(jī)取一個(gè)0到1的值;Math.round()是進(jìn)行四舍五入的運(yùn)算;

switch....case....會(huì)依據(jù)switch里面的值,選擇對(duì)應(yīng)的case進(jìn)行執(zhí)行;如果想要有一個(gè)默認(rèn)的值,可以 使用default。

循環(huán)語句

var arr = [1,22,333,4444,55555];
for(var i=0;i<arr.length;i++)
{
    console.log("我是第"+i+"個(gè)索引,值為:"+arr[i]);
}
arr.forEach((item,index)=>{
    console.log("第"+index+"個(gè)索引的值為:"+item);
})
arr.map((value,index,array)=>{
    console.log("哈哈,輸出第"+index+"個(gè)  "+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循環(huán):for(var i=0;i<arr.length;i++){...} 如果i小于arr.length,則會(huì)執(zhí)行大括號(hào){}里的內(nèi)容;

forEach循環(huán):arr.forEach((item,index)=>{}) 這會(huì)依次拿出arr里的值傳到函數(shù)中進(jìn)行執(zhí)行,參數(shù)item為arr取出的值,index為當(dāng)前值的索引,(item,index)=>{}是js中函數(shù)的簡寫,等行function (item,index){}

map:和forEach的用法差不多。

filter:我們通過英文意思知道這是過濾的意思,這個(gè)里面寫一個(gè)函數(shù),依次把a(bǔ)rr取出的值傳遞進(jìn)行,如果這個(gè)函數(shù)里的返回值大于1,那么當(dāng)前的 取出的arr的值就會(huì)放到返回的強(qiáng)果數(shù)組中。

while()do{}和do{}while():這兩個(gè)都是如果while為真,則會(huì)執(zhí)行do后面大括號(hào)里的語句。差別是do...while.會(huì)先執(zhí)行再判斷;而while ...do...先判斷再執(zhí)行。

總結(jié)

到此這篇關(guān)于JavaScript邏輯與運(yùn)算的文章就介紹到這了,更多相關(guān)js邏輯與運(yùn)算內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 微信小程序開發(fā)實(shí)戰(zhàn)快速入門教程

    微信小程序開發(fā)實(shí)戰(zhàn)快速入門教程

    這篇文章主要為大家介紹了開發(fā)一個(gè)微信小程序?qū)崙?zhàn)快速入門教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-04-04
  • ES6?class類實(shí)現(xiàn)繼承實(shí)例詳解

    ES6?class類實(shí)現(xiàn)繼承實(shí)例詳解

    傳統(tǒng)的javascript中只有對(duì)象,沒有類的概念,下面這篇文章主要給大家介紹了關(guān)于ES6?class類實(shí)現(xiàn)繼承的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • JavaScript實(shí)現(xiàn)網(wǎng)頁版的五子棋游戲

    JavaScript實(shí)現(xiàn)網(wǎng)頁版的五子棋游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁版的五子棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • 用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說明

    用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說明

    JavaScript是運(yùn)行在客戶端的腳本,因此一般是不能夠設(shè)置Session的,因?yàn)镾ession是運(yùn)行在服務(wù)器端的。而cookie是運(yùn)行在客戶端的,所以可以用JS來設(shè)置cookie. 下面我們來分析下案例
    2014-06-06
  • 原生js實(shí)現(xiàn)水平方向無縫滾動(dòng)

    原生js實(shí)現(xiàn)水平方向無縫滾動(dòng)

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)水平方向無縫滾動(dòng)的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • js中作用域的實(shí)例解析

    js中作用域的實(shí)例解析

    本文主要通過幾個(gè)實(shí)例對(duì)js中作用域進(jìn)行詳細(xì)解析,具有很好的參考價(jià)值。下面跟著小編一起來看下吧
    2017-03-03
  • JavaScript遍歷對(duì)象的五種常用方式總結(jié)

    JavaScript遍歷對(duì)象的五種常用方式總結(jié)

    這篇文章主要介紹了JavaScript遍歷對(duì)象的五種常用方式,分別是for...in、Object.keys()+forEach()、Object.values()+forEach()、Object.entries()+forEach()和for...of+Object.entries(),文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下
    2025-05-05
  • JS實(shí)現(xiàn)仿微信支付彈窗功能

    JS實(shí)現(xiàn)仿微信支付彈窗功能

    這篇文章主要介紹了JS實(shí)現(xiàn)仿微信支付彈窗功能,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-06-06
  • JavaScript encodeURI 和encodeURIComponent

    JavaScript encodeURI 和encodeURIComponent

    encodeURI和encodeURIComponet函數(shù)都是javascript中用來對(duì)URI進(jìn)行編碼,將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進(jìn)行定位跳轉(zhuǎn)時(shí),參數(shù)里面的中文、日文等非ASCII編碼都會(huì)進(jìn)行編碼轉(zhuǎn)換
    2015-12-12
  • 前端構(gòu)建工具之gulp的配置與搭建詳解

    前端構(gòu)建工具之gulp的配置與搭建詳解

    gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)習(xí)起來很容易,下面這篇文章主要給大家介紹了關(guān)于前端構(gòu)建工具之gulp的配置與搭建的相關(guān)資料,需要的朋友可以參考下。
    2017-06-06

最新評(píng)論

沂源县| 保亭| 安远县| 当雄县| 内丘县| 镇沅| 玛曲县| 张家界市| 连州市| 库尔勒市| 林西县| 达日县| 石棉县| 高唐县| 农安县| 黄陵县| 韩城市| 辉县市| 邢台市| 田林县| 黄骅市| 柳州市| 榆树市| 醴陵市| 隆德县| 商南县| 洪雅县| 读书| 佛坪县| 江陵县| 抚远县| 化州市| 拜城县| 金坛市| 若羌县| 鸡西市| 信阳市| 申扎县| 襄垣县| 万年县| 巴里|