JS中三目運(yùn)算符和if else的區(qū)別分析與示例
更新時(shí)間：2014年11月21日 09:11:10 投稿：hebedich
本文是通過(guò)示例詳細(xì)分析了JS中三目運(yùn)算符和if else的區(qū)別，是篇非常不錯(cuò)的文章，這里推薦給大家。
今天寫了一個(gè)圖片輪播的小demo，用到了判斷
先試了一下if else，代碼如下:
復(fù)制代碼 代碼如下:
if(n >= count-1){
n =0;
}else{
n ++;
}
隨后代碼寫完了，準(zhǔn)備優(yōu)化一下代碼，將此段改成了三目運(yùn)算符的寫法
復(fù)制代碼 代碼如下:
n = n >= (count-1) ? n=0 : n++
結(jié)果完全不同
隨后研究了一下這兩者的區(qū)別，總結(jié)為一句話：三目運(yùn)算有返回值，if else沒有返回值
做了如下測(cè)試：
復(fù)制代碼 代碼如下:
var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);
輸出結(jié)果：2
三目運(yùn)算如下：
復(fù)制代碼 代碼如下:
var n=1;
n = n>1?0 : n++;
console.log(n);
輸出結(jié)果為：1
插入一段其他內(nèi)容：++n和n++的區(qū)別：簡(jiǎn)單地說(shuō),都是 n 自加1。區(qū)別是,n++是執(zhí)行完后面的語(yǔ)句才加1;而++n 就先做 n+1才執(zhí)行后面的語(yǔ)句
那么對(duì)于++n呢
if else 語(yǔ)句
復(fù)制代碼 代碼如下:
var n=1;
if(n>1){
n=0;
}else{
++n;
}
console.log(n);
輸出結(jié)果：2
三目運(yùn)算結(jié)果
復(fù)制代碼 代碼如下:
var n=1;
n = n>1?0 : ++n;
console.log(n); 輸出結(jié)果為：2
可以看出if else和三目運(yùn)算的區(qū)別了吧～～～
n++和++n在此驗(yàn)證中，沒有任何區(qū)別，因?yàn)閕f else都是計(jì)算結(jié)果之后的，不會(huì)返回n，沒有任何返回值
但是對(duì)于三目運(yùn)算，n++返回的n值為n本身，++n返回的n值為n+1之后的結(jié)果
讀了本文，小伙伴們是不是對(duì)js中的三目運(yùn)算符和if else有了新的認(rèn)識(shí)呢。
您可能感興趣的文章:
- js 與或運(yùn)算符 || && 妙用
- js中的 || 與 && 運(yùn)算符詳解
- javascript三元運(yùn)算符用法實(shí)例
- javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
- Javascript 按位取反運(yùn)算符 (~)
- JS按位非(~)運(yùn)算符與~~運(yùn)算符的理解分析
- 詳解js運(yùn)算符單豎杠“|”與“||”的用法和作用介紹
- 教你JS中的運(yùn)算符乘方、開方及變量格式轉(zhuǎn)換
- Javascript 按位左移運(yùn)算符使用介紹(<<)
- 一起盤點(diǎn)JavaScript中一些強(qiáng)大的運(yùn)算符
相關(guān)文章
Bootstrap樹形菜單插件TreeView.js使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap樹形菜單插件TreeView.js使用方法,一款非常酷的基于bootstrap的jQuery多級(jí)列表樹插件，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JavaScript中匿名函數(shù)用法,實(shí)例分析了javascript中匿名函數(shù)的功能、定義及具體用法,需要的朋友可以參考下2015-03-03
引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí)，遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤，原因及解決方法如下，大家可以參考下2014-03-03
js+SVG實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了js+SVG實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
javascript實(shí)現(xiàn)搜索篩選功能實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)搜索篩選功能的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果
本文主要介紹了JS實(shí)現(xiàn)顏色動(dòng)態(tài)淡化效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
在我們的日常開發(fā)過(guò)程中，我們經(jīng)常會(huì)遇到數(shù)字與字符串轉(zhuǎn)換，檢查對(duì)象中是否存在對(duì)應(yīng)值，條件性操作對(duì)象數(shù)據(jù)，過(guò)濾數(shù)組中的錯(cuò)誤值，等等這類處理。本文整理出了一些常用的小技巧，希望大家能喜歡2022-06-06
Bootstrap基本插件學(xué)習(xí)筆記之Alert警告框(20)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之ALert警告框的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了深入理解JavaScript內(nèi)存管理和GC算法，下面文章主要講解JavaScript的垃圾回收機(jī)制以及常用的垃圾回收算法；還講解了V8引擎中的內(nèi)存管理，最后介紹了Performance工具如何使用2022-07-07
這篇文章主要介紹了JavaScript預(yù)編譯和暗示全局變量的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09