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

 更新时间:2014年05月06日 09:24:02   作者:  
这篇文章主要介绍了一些老手都不一定知道的JavaScript技巧,需要的朋友可以参考下

一些不太常用但强大的JavaScript小技巧,新手和老手js开发人员都不一定知道。

1、截断数组与数组长度

复制代码 代码如下:
var arr1 = arr2 = [1, 2, 3];

//改变 arr1
arr1 = []; // arr2则任然是 [1,2,3]

你会发现arr1用[]方法来清空不会影响arr2的值,假如要想让arr1改变后arr2跟着一起改变 ,则可以这样
复制代码 代码如下:

 var arr1 = arr2 = [1, 2, 3];
arr1.length=0; //注意这一步 而不是 arr1=[]
alert(arr2)

这时 arr2也被清空了

2、数组合并

复制代码 代码如下:

var  arr1 = [1,2,3];
var  arr2 = [4,5,6];
var arr3=arr1.concat(arr2);
alert(arr3)

arr3则变为
复制代码 代码如下:
[1,2,3,4,5,6]

其实还可以用一种简单的办法,譬如使用
复制代码 代码如下:
var  arr1 = [1,2,3];
var  arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);
alert(arr1)

这时arr1就变成了 1,2,3,4,5,6

3、浏览器特征检测

看一下代码,可以判定你的浏览器是否opera

复制代码 代码如下:
if(window.opera){
    alert("是opera")
}else{
      alert("不是opera")
}

同样的你还可以这样
复制代码 代码如下:
if("opera" in window){
     alert("是opera")
}else{
   alert("不是opera")
}

4、检查的对象是一个数组

复制代码 代码如下:
var obj=[];
 if(Object.prototype.toString.call(obj)=="[object Array]")
   alert("是数组");
   else
    alert("不是数组");

同样的,你还可以判断该对象是否是字符串
复制代码 代码如下:
var obj="fwe";
 if(Object.prototype.toString.call(obj)=="[object String]")
   alert("是字符串");
   else
    alert("不是字符串");
 

相关文章

  • 微信小程序接入vant Weapp组件的详细步骤

    微信小程序接入vant Weapp组件的详细步骤

    这篇文章主要介绍了微信小程序接入vant Weapp组件的详细步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • 15个顶级开源JavaScript框架和库

    15个顶级开源JavaScript框架和库

    今天小编就为大家分享一篇关于15个顶级开源JavaScript框架和库的文章,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • 6个DIV 135或246间隔一秒轮番显示效果

    6个DIV 135或246间隔一秒轮番显示效果

    6个DIV 间隔一秒 轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环
    2010-07-07
  • JS实现的简单tab切换功能完整示例

    JS实现的简单tab切换功能完整示例

    这篇文章主要介绍了JS实现的简单tab切换功能,结合完整实例形式分析了javascript基于事件响应实现页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • 微信小程序实现刷脸登录

    微信小程序实现刷脸登录

    这篇文章主要为大家详细介绍了微信小程序实现刷脸登录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • SyntaxHighlighter代码加色使用方法

    SyntaxHighlighter代码加色使用方法

    原名:SyntaxHighlighter,是一款用于web页面的代码着色工具,可以用来着色多种语言,可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被goolge收编。
    2008-09-09
  • JavaScript解析json格式数据简单示例

    JavaScript解析json格式数据简单示例

    这篇文章主要介绍了JavaScript解析json格式数据简单示例,本文通过for循环来获取json结点数据,需要的朋友可以参考下
    2014-12-12
  • js跳转到指定url的方法与实际使用

    js跳转到指定url的方法与实际使用

    这篇文章主要给大家介绍了关于js跳转到指定url的方法与实际使用的相关资料,要实现JavaScript跳转到指定URL,可以使用window.location对象来实现,需要的朋友可以参考下
    2023-09-09
  • webpack配置sass模块的加载的方法

    webpack配置sass模块的加载的方法

    本篇文章主要介绍了webpack加载sass配置,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JavaScript 对象新增方法defineProperty与keys的使用说明

    JavaScript 对象新增方法defineProperty与keys的使用说明

    这篇文章主要介绍了JavaScript对象新增方法defineProperty与keys的使用说明,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
    2022-09-09

最新评论