javascript 类数组概念详解

javascript 类数组概念详解

javascript 类数组概念详解

1.什么是类数组(ArrayLike)

  1. 本身是一个对象,拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理,这里你可以当做是个非负整数串来理解)
  2. 不具有数组所具有的方法

2.判断一个对象是否属于类数组

function isArrayLike(o) {
    if (o &&                                // o is not null, undefined, etc.
        typeof o === 'object' &&            // o is an object
        isFinite(o.length) &&               // o.length is a finite number
        o.length >= 0 &&                    // o.length is non-negative
        o.length===Math.floor(o.length) &&  // o.length is an integer
        o.length < 4294967296)              // o.length < 2^32
        return true;                        // Then o is array-like
    else
        return false;                       // Otherwise it is not
}

isFinite():如果参数是 NaN(调用isNaN()返回true),正无穷大或者负无穷大,会返回false,其他返回 true。

3.类数组转化为数组的方法

Array.prototype.slice.call(arrayLike)

Array.prototype.slice的内部实现

Array.prototype.slice = function(start,end){  
  var result = new Array();  
  start = start || 0;  
  end = end || this.length; //this指向调用的对象,当用了call后,能够改变this的指向,也就是指向传进来的对象,这是关键  
  for(var i = start; i < end; i++){  
       result.push(this[i]);  
  }  
  return result;  
} 

根据slice的内部实现,如果类数组索引不以0开头会出现转化不全的情况,比如

var a = {1:'asda',2:'aa',length:2};
console.log(Array.prototype.slice.call(a));//[empty, "asda"]

4.将数组转化为类数组(以参数列表的形式)

可以利用apply方法(它将传入的第二个参数(应该是一个数组)作为函数参数调用调用它的函数)来实现

function convertToArrayLike(array){
    if(array instanceof Array){  
        return arguments.callee.apply(this,array)
    }
    else {
        return arguments;
    }
}

以上函数接受一个数组的输入,输出一个类数组

转载于:https://my.oschina.net/u/3400107/blog/1840284

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101575.html原文链接:https://javaforall.net

(0)
上一篇 2021年6月7日 下午8:00
下一篇 2021年6月7日 下午9:00


相关推荐

  • 前八后十六节奏

    前八后十六节奏前八后十六节奏 前半拍一个音 后半拍两个音前十六后八节奏 前半拍两个音 后半拍一个音重金属风格常用转载于 https www cnblogs com solq111 p 6724040 html

    2026年3月20日
    2
  • 计算器原码、反码和补码和位移的一些总结

    计算器原码、反码和补码和位移的一些总结计算器原码 反码和补码的一些基础知识 来自百度百科的一些概念解释 在计算机系统中 数值一律用补码来表示和存储 原码一般是针对用户而言 补码是针对计算机的具体存储来使用 转换关系 1 正整数 负整数 转换如何转换为补码 a 正整数的补码是其二进制表示 与原码相同 例 1 9 的补码是 00001001 备注 这个 9 的补码是用 8 位 2 进制来表示的 补码表示方式很多 还有 16 位二

    2026年3月26日
    2
  • 文心一言4.5 turbo & X1 turbo 测评

    文心一言4.5 turbo & X1 turbo 测评

    2026年3月12日
    1
  • Pycharm必备快捷键整理

    Pycharm必备快捷键整理转自 公众号 Python 之禅工欲善其事必先利其器 Pycharm 是最受欢迎的 Python 开发工具 它提供的功能非常强大 是构建大型项目的理想工具之一 如果能挖掘出里面实用技巧 能带来事半功倍的效果 以下操作都是基于 Windows 平台下的默认 KeyMap 设置 在 Mac 也是类似的 0 快速查找文件开发大型项目时 文件数量非常庞大 有时要在不同的文件之间来回切换 如果还是从

    2026年3月27日
    2
  • 200 : parsererror错误

    200 : parsererror错误原因ajax请求中返回data,与controller中requestMapping方法返回类型不一致导致,或者controller中方法无返回值即void,都可引起该错误。

    2022年6月23日
    34
  • Vue项目中强制刷新页面的方法

    Vue项目中强制刷新页面的方法我们在项目中可能会遇到需要强制刷新页面的方法 例如我们在动态切换组件的过程中 导航栏和底栏不动 动态切换中间区域的情况 在首页可以进行跳转任意组件 在组件与组件之间不能相互跳转 路由发生了变化 但是页面未改变 这时我们就需要强制刷新页面 强制刷新页面的方式有三种 location reload this router go 0 前面两种方法都有些简单粗暴 主要说一下第三种方法 provide 配合 inject 首先我们需要在 App vue 中修改通过定义 reload 方

    2026年3月17日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号