一些老手都不一定知道的JavaScript技巧
更新時(shí)間：2014年05月06日 09:24:02 作者：
這篇文章主要介紹了一些老手都不一定知道的JavaScript技巧,需要的朋友可以參考下
一些不太常用但強(qiáng)大的JavaScript小技巧，新手和老手js開(kāi)發(fā)人員都不一定知道。
1、截?cái)鄶?shù)組與數(shù)組長(zhǎng)度
復(fù)制代碼 代碼如下:
var arr1 = arr2 = [1, 2, 3];
//改變 arr1
arr1 = []; // arr2則任然是 [1,2,3]
//改變 arr1
arr1 = []; // arr2則任然是 [1,2,3]
你會(huì)發(fā)現(xiàn)arr1用[]方法來(lái)清空不會(huì)影響arr2的值，假如要想讓arr1改變后arr2跟著一起改變 ，則可以這樣
復(fù)制代碼 代碼如下:
var arr1 = arr2 = [1, 2, 3];
arr1.length=0; //注意這一步 而不是 arr1=[]
alert(arr2)
這時(shí) arr2也被清空了
2、數(shù)組合并
復(fù)制代碼 代碼如下:
var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3=arr1.concat(arr2);
alert(arr3)
arr3則變?yōu)?BR>
復(fù)制代碼 代碼如下:
[1，2，3，4，5，6]
其實(shí)還可以用一種簡(jiǎn)單的辦法，譬如使用
復(fù)制代碼 代碼如下:
var arr1 = [1,2,3];
var arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);
alert(arr1)
var arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);
alert(arr1)
這時(shí)arr1就變成了 1,2,3,4,5,6
3、瀏覽器特征檢測(cè)
看一下代碼，可以判定你的瀏覽器是否opera
復(fù)制代碼 代碼如下:
if(window.opera){
alert("是opera")
}else{
alert("不是opera")
}
alert("是opera")
}else{
alert("不是opera")
}
同樣的你還可以這樣
復(fù)制代碼 代碼如下:
if("opera" in window){
alert("是opera")
}else{
alert("不是opera")
}
alert("是opera")
}else{
alert("不是opera")
}
4、檢查的對(duì)象是一個(gè)數(shù)組
復(fù)制代碼 代碼如下:
var obj=[];
if(Object.prototype.toString.call(obj)=="[object Array]")
alert("是數(shù)組");
else
alert("不是數(shù)組");
if(Object.prototype.toString.call(obj)=="[object Array]")
alert("是數(shù)組");
else
alert("不是數(shù)組");
同樣的，你還可以判斷該對(duì)象是否是字符串
復(fù)制代碼 代碼如下:
var obj="fwe";
if(Object.prototype.toString.call(obj)=="[object String]")
alert("是字符串");
else
alert("不是字符串");
if(Object.prototype.toString.call(obj)=="[object String]")
alert("是字符串");
else
alert("不是字符串");
您可能感興趣的文章:
- javascript 常用代碼技巧大收集
- 關(guān)于javascript中的parseInt使用技巧
- javascript dom操作之cloneNode文本節(jié)點(diǎn)克隆使用技巧
- Javascript技巧之不要用for in語(yǔ)句對(duì)數(shù)組進(jìn)行遍歷
- JavaScript高級(jí)程序設(shè)計(jì) 學(xué)習(xí)筆記 js高級(jí)技巧
- Javascript的數(shù)組與字典用法與遍歷對(duì)象的技巧
- JavaScript避免代碼的重復(fù)執(zhí)行經(jīng)驗(yàn)技巧分享
- javascript學(xué)習(xí)筆記之10個(gè)原生技巧
- javascript初學(xué)者常用技巧
- JavaScript數(shù)組常用操作技巧匯總
- JavaScript常用小技巧小結(jié)
- 分享一則javascript 調(diào)試技巧
- 推薦5 個(gè)常用的JavaScript調(diào)試技巧
- Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹
- Javascript常用小技巧匯總
- javascript 應(yīng)用小技巧方法匯總
- 快速學(xué)習(xí)JavaScript的6個(gè)思維技巧
- 分享經(jīng)典的JavaScript開(kāi)發(fā)技巧
相關(guān)文章
JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器詳解
userAgent 屬性是一個(gè)只讀的字符串,聲明了瀏覽器用于 HTTP 請(qǐng)求的用戶(hù)代理頭的值,這篇文章主要給大家介紹了關(guān)于JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器的相關(guān)資料,需要的朋友可以參考下2021-06-06
簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式
這篇文章主要簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式，主要詳細(xì)介紹了類(lèi)式繼承模式中的默認(rèn)模式，希望大家能夠喜歡。2015-01-01
一文讀懂TS?中聯(lián)合類(lèi)型和交叉類(lèi)型各自的含義
聯(lián)合類(lèi)型在?TypeScript?中相當(dāng)流行，你可能已經(jīng)用過(guò)很多次了。交叉類(lèi)型稍微不那么常見(jiàn)，它們似乎引起更多的困惑，這篇文章主要介紹了一文讀懂TS?中聯(lián)合類(lèi)型和交叉類(lèi)型的含義,需要的朋友可以參考下2022-12-12
盤(pán)點(diǎn)7個(gè)簡(jiǎn)單但棘手的JavaScript面試問(wèn)題分析
這篇文章主要為大家介紹了盤(pán)點(diǎn)7個(gè)簡(jiǎn)單但棘手的JavaScript面試問(wèn)題分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
仿豆瓣分頁(yè)原型(Javascript版)...2007-04-04
這篇文章主要介紹了javascript頭像上傳代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多種排序算法的相關(guān)資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章介紹了在父頁(yè)面調(diào)用子頁(yè)面的JS方法，有需要的朋友可以參考一下2013-09-09
有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識(shí)
這篇文章主要介紹了有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識(shí),本文從JavaScript函數(shù)、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重繪、DOM訪問(wèn)、DOM遍歷等方面講解了提高JavaScript執(zhí)行效率的小技巧,需要的朋友可以參考下2015-01-01
JS實(shí)現(xiàn)的緩沖運(yùn)動(dòng)效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的緩沖運(yùn)動(dòng)效果,涉及JavaScript數(shù)值運(yùn)算與時(shí)間函數(shù)相關(guān)使用技巧,需要的朋友可以參考下2018-04-04