JS中的小技巧

作者: 饥人谷_米弥轮 | 来源:发表于2017-11-16 13:40 被阅读21次
<script type="text/javascript">
    //使用length清空数组
    var arr1 = arr2 = [1, 2, 3];
    //arr1.length = 0;
    //console.log(arr2);

    //利用Length缩减数组
    var arr = [1,2,3,4,5,6,7,8,9,10];
    arr.length = 5; 
    console.log(arr);

    //合并数组,push方法合并数组
    var arr1 = [1, 2, 3];
    var arr2 = [4, 5, 6];
    var arr3 = arr1.concat(arr2);   //传统方法
    console.log(arr3);

    var arr1 = [1, 2, 3];
    var arr2 = [4, 5, 6];
    var arr3 = [];
    //改变this指向arr3
    Array.prototype.push.apply(arr1, arr2); //利用apply接收参数为数组的特性进行push
    console.log(arr1);


    //特性检测
    var obj = document.getElementById("box");
    if (obj.addEventListener) { //如果使用这种方法去检测该对象是否有这个方法,就会在该对象中添加上addEventListener这个属性,只是值为undefined;如果无用属性一多就会减低性能
        obj.addEventListener();
    } else {
        obj.attachEvent();
    }

    var obj = document.getElementById("box");
    if ("addEventListener" in window) { //所以只需要用in去判定属性是否存在于该对象中就可以了
        obj.addEventListener();
    } else {
        obj.attachEvent();
    }

    //检测一个对象是不是数组
    //在JavaScript里, 可以用 typeof 来检查变量类型. typeof 可以返回: number , boolean, string, object, function 和 undefined. 并没有 array . 实际上数组是object类型. 那么怎么来验证对象是否是数组呢? 在最新的ECMAScript 5中, 可以用 Array.isArray(object) 来检验.
    
    //用typeof检查变量类型为Object的对象都包含一个内部属性[Class](可以看佐一种内部分类,而不是传统面向对象意义上的类),这个属性无法直接访问
    //但可以通过Object.prototype.toString.call(variable)获取到一个展示类型的字符串
    // Object.prototype.toString.call(/regex-literal/i)  ==> "[object RegExp]"

    var arr = {};
    var isArray = Object.prototype.toString.call(arr) == "[object Array]";
    console.log(isArray);
</script>

相关文章

  • js中的小技巧

    1. string 转换成数字 可以用 *1 转数字 常用: 也可以使用+来转化字符串为数字 2. 使用Boole...

  • JS中的小技巧

  • Truffle中JS测试小技巧

    solidity是以太坊上首选的智能合约开发语言,有很多人都用它进行智能合约的学习与开发;而truffle是以太坊...

  • js中处理数组小技巧

    1、数组去重 1、from()叠加new Set()方法 字符串或数值型数组的去重可以直接使用from方法。 2、...

  • js的小技巧

    1.使用对象为函数参数,这时候可以传入多个参数 2.使用函数的arguments来确定函数参数的个数 应用:传入参...

  • js 小技巧

    #23 - 转换数值的快速方法 将字符串转换为数字是非常常见的。最简单和最快的方式来实现,将使用+(加)算法。 你...

  • JS小技巧

    Alert() 切断加载;innerHTML :获取双闭合标签里面的内容。(识别标签)innerHTML :获取双...

  • JS: 小技巧

    1,强制转换成 boolean 值: !!(变量) 有时候变量虽然会被判断为真假,但是两次取反之后,会转换为真正的...

  • js小技巧

    1. 获取数组中的最大值 2. 获取数组中的最小值 3. 测量一个JavaScript代码块性能的技巧 4. 字符...

  • js小技巧

    1.!!来转换成boolean 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回t...

网友评论

    本文标题:JS中的小技巧

    本文链接:https://www.haomeiwen.com/subject/yoelvxtx.html