快捷導(dǎo)航

一些老手都不一定知道的JavaScript技巧

更新時(shí)間：2014年05月06日 09:24:02 作者：

這篇文章主要介紹了一些老手都不一定知道的JavaScript技巧,需要的朋友可以參考下

一些不太常用但強(qiáng)大的JavaScript小技巧，新手和老手js開發(fā)人員都不一定知道。

1、截?cái)鄶?shù)組與數(shù)組長度

var arr1 = arr2 = [1, 2, 3];

//改變 arr1
arr1 = []; // arr2則任然是 [1,2,3]

你會發(fā)現(xiàn)arr1用[]方法來清空不會影響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í)還可以用一種簡單的辦法，譬如使用

復(fù)制代碼代碼如下:

var  arr1 = [1,2,3];
var  arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);
alert(arr1)

這時(shí)arr1就變成了 1,2,3,4,5,6

3、瀏覽器特征檢測

看一下代碼，可以判定你的瀏覽器是否opera

復(fù)制代碼代碼如下:

if(window.opera){
    alert("是opera")
}else{
      alert("不是opera")
}

同樣的你還可以這樣

復(fù)制代碼代碼如下:

if("opera" in window){
     alert("是opera")
}else{
   alert("不是opera")
}

4、檢查的對象是一個(gè)數(shù)組

復(fù)制代碼代碼如下:

 var obj=[];
 if(Object.prototype.toString.call(obj)=="[object Array]")
   alert("是數(shù)組");
   else
    alert("不是數(shù)組");

同樣的，你還可以判斷該對象是否是字符串

復(fù)制代碼代碼如下:

 var obj="fwe";
 if(Object.prototype.toString.call(obj)=="[object String]")
   alert("是字符串");
   else
    alert("不是字符串");
 

您可能感興趣的文章:

相關(guān)文章

JavaScript如何通過userAgent判斷幾個(gè)常用瀏覽器詳解
userAgent 屬性是一個(gè)只讀的字符串,聲明了瀏覽器用于 HTTP 請求的用戶代理頭的值,這篇文章主要給大家介紹了關(guān)于JavaScript如何通過userAgent判斷幾個(gè)常用瀏覽器的相關(guān)資料,需要的朋友可以參考下
2021-06-06
簡單談?wù)刯avascript代碼復(fù)用模式
這篇文章主要簡單談?wù)刯avascript代碼復(fù)用模式，主要詳細(xì)介紹了類式繼承模式中的默認(rèn)模式，希望大家能夠喜歡。
2015-01-01
一文讀懂TS?中聯(lián)合類型和交叉類型各自的含義
聯(lián)合類型在?TypeScript?中相當(dāng)流行，你可能已經(jīng)用過很多次了。交叉類型稍微不那么常見，它們似乎引起更多的困惑，這篇文章主要介紹了一文讀懂TS?中聯(lián)合類型和交叉類型的含義,需要的朋友可以參考下
2022-12-12
盤點(diǎn)7個(gè)簡單但棘手的JavaScript面試問題分析
這篇文章主要為大家介紹了盤點(diǎn)7個(gè)簡單但棘手的JavaScript面試問題分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
仿豆瓣分頁原型(Javascript版)
仿豆瓣分頁原型(Javascript版)...
2007-04-04
javascript頭像上傳代碼實(shí)例
這篇文章主要介紹了javascript頭像上傳代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
JavaScript實(shí)現(xiàn)多種排序算法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多種排序算法的相關(guān)資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下
2016-02-02
在父頁面調(diào)用子頁面的JS方法
這篇文章介紹了在父頁面調(diào)用子頁面的JS方法，有需要的朋友可以參考一下
2013-09-09
有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識
這篇文章主要介紹了有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識,本文從JavaScript函數(shù)、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重繪、DOM訪問、DOM遍歷等方面講解了提高JavaScript執(zhí)行效率的小技巧,需要的朋友可以參考下
2015-01-01
JS實(shí)現(xiàn)的緩沖運(yùn)動效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的緩沖運(yùn)動效果,涉及JavaScript數(shù)值運(yùn)算與時(shí)間函數(shù)相關(guān)使用技巧,需要的朋友可以參考下
2018-04-04