一些老手都不一定知道的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("不是字符串");
 

相关文章

  • JavaScript如何通过userAgent判断几个常用浏览器详解

    JavaScript如何通过userAgent判断几个常用浏览器详解

    userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值,这篇文章主要给大家介绍了关于JavaScript如何通过userAgent判断几个常用浏览器的相关资料,需要的朋友可以参考下
    2021-06-06
  • 简单谈谈javascript代码复用模式

    简单谈谈javascript代码复用模式

    这篇文章主要简单谈谈javascript代码复用模式,主要详细介绍了类式继承模式中的默认模式,希望大家能够喜欢。
    2015-01-01
  • 一文读懂TS 中联合类型和交叉类型各自的含义

    一文读懂TS 中联合类型和交叉类型各自的含义

    联合类型在 TypeScript 中相当流行,你可能已经用过很多次了。交叉类型稍微不那么常见,它们似乎引起更多的困惑,这篇文章主要介绍了一文读懂TS 中联合类型和交叉类型的含义,需要的朋友可以参考下
    2022-12-12
  • 盘点7个简单但棘手的JavaScript面试问题分析

    盘点7个简单但棘手的JavaScript面试问题分析

    这篇文章主要为大家介绍了盘点7个简单但棘手的JavaScript面试问题分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • 仿豆瓣分页原型(Javascript版)

    仿豆瓣分页原型(Javascript版)

    仿豆瓣分页原型(Javascript版)...
    2007-04-04
  • javascript头像上传代码实例

    javascript头像上传代码实例

    这篇文章主要介绍了javascript头像上传代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript实现多种排序算法

    JavaScript实现多种排序算法

    这篇文章主要介绍了JavaScript实现多种排序算法的相关资料,包括冒泡排序、插入排序、选择排序等,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 在父页面调用子页面的JS方法

    在父页面调用子页面的JS方法

    这篇文章介绍了在父页面调用子页面的JS方法,有需要的朋友可以参考一下
    2013-09-09
  • 有效提高JavaScript执行效率的几点知识

    有效提高JavaScript执行效率的几点知识

    这篇文章主要介绍了有效提高JavaScript执行效率的几点知识,本文从JavaScript函数、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重绘、DOM访问、DOM遍历等方面讲解了提高JavaScript执行效率的小技巧,需要的朋友可以参考下
    2015-01-01
  • JS实现的缓冲运动效果示例

    JS实现的缓冲运动效果示例

    这篇文章主要介绍了JS实现的缓冲运动效果,涉及JavaScript数值运算与时间函数相关使用技巧,需要的朋友可以参考下
    2018-04-04

最新评论