类数组（like array）

最新推荐文章于 2024-07-30 18:14:31 发布
最新推荐文章于 2024-07-30 18:14:31 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bugknightyyp/article/details/19622557
本文探讨了JavaScript中一种特殊的现象：当对象同时拥有number类型的length属性和function类型的splice属性时，该对象会表现出类似数组的行为。文章通过示例代码解释了这一现象，并提到了在存在jQuery的情况下观察到的相似效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在浏览器控制台测试如下代码：

var test = { length: 0, splice: function() {} }


数据的结果不是 ｛length:0,splice:function｝,而是个空数组。

如果页面全局有jquery,那么：$.fn   输出的也是 [ ]，和这个有效果一样。

那么当一个对象里 同时具有 length属性且值是number，和splice属性且值类型是Function，就会表现出这种现象。

22、数组，数组泛型，类数组，any在数组中的用处
imkaifan的博客
04-06 570
arguments 实际上是一个类数组，不能用普通的数组方式来描述，应该用接口。表示这是一个纯number类型的数组，如果放入非number类型的，就会报错。
21、数组类型；类数组
imkaifan的博客
05-29 381
数组类型；类数组
hive函数大全
qq_61313811的博客
02-02 2004
1、等值比较：= 2、不等值比较：<> 3、小于比较：< 4、小于等于比较：<= 5、大于比较：> 6、大于等于比较：> 7、空值判断：IS NULL 8、非空判断：IS NOT NULL 9、LIKE 比较：LIKE 10、JAVA 的 LIKE 比较：RLIKE 11、正则匹配：REGEXP 数学运算 1、加法操作：+ 2、减法操作：- 3、乘法操作：* 4、除法操作：/ 5、取余操作：% 6、位与操作：& 7、位或操作：| 8、位异或操作：^ 9、按位取反操
array,sql like
学而不思则罔 思而不学则殆
06-06 1518
·sql中like关键字的使用，%：包含零个或更多的任意字符。_下划线，任何单个字符。[]指定范围[a-f]或集合[abcdef]中的任何单个字符。[^]不属于指定范围[^a-f]或集合[^abcdef]的任何单个字符。这和我昨天写的练习差不多的概念。只不过这个是sql语句。 ·还有点非常的奇怪，为什么明明都是变量，在post中怎么有的要打引号有的却不打。文件位置D:\webroot\Recon
hive复合数据类型之array
热门推荐
松门一枝花
09-02 1万+
概述 ARRAY：ARRAY类型是由一系列相同数据类型的元素组成，这些元素可以通过下标来访问。比如有一个ARRAY类型的变量fruits，它是由['apple','orange','mango']组成，那么我们可以通过fruits[1]来访问元素orange，因为ARRAY类型的下标是从0开始的； 操作实例 1、创建表 hive> create table
mysql 如何执行我的SQL LIKE％来搜索我的数组中的单词
qq_38106898的博客
09-24 3546
$words = array("Tom", "Smith", "Larry"); SELECT * FROM users WHERE name LIKE %[each_element_from_my_array]% 可以用RLIKE(a.k.a.REGEXP) SELECT * FROM users WHERE name RLIKE 'tom|smith|larry';
每天学习API之三 ，zepto源码type, isFunction,isObject,isWindow,isDocument,isPlainObject,isArray,likeArray
rudy24的博客
12-19 505
数据类型检测//定义//定义var classtype = {}, toString = classtype.toString; "Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(name,idx) { classtype['[object ' + nam
32.JavaScript类数组（Array-like）和可迭代对象（Iterable-object）的实现原理
hjseo_seg的博客
08-01 328
可以使用for...of语法的对象被称为可迭代对象可迭代对象是在普通对象的基础上实现了方法的对象方法返回了一个迭代器；迭代器包含一个next方法，该方法返回下一个元素的值；next方法返回值需要满足格式{donenextVal}，当donetrue时，迭代结束Array.from可以把类数组和可迭代对象转为数组；先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。httpshttpshttpshttpshttpshttps。...
JS中类数组对象和数组对象的区别
2301_79858914的博客
07-30 802
类数组对象：具有length属性和索引访问能力，但不具备数组方法。通常用于函数参数、DOM 操作等需要索引和长度的场景。数组：是 JavaScript 的内置对象，具有丰富的数组方法和特性，适用于需要存储和操作有序数据的场景。转换：类数组对象可以通过、展开运算符或转换为真正的数组，以便使用数组方法。
JavaScript 里的类数组对象
10-24
首先，类数组对象（array-like objects）在JavaScript中的定义是极其简洁的。类数组对象必须满足两个基本条件：拥有一个整数类型的length属性，其值在0到2^32-1之间；length属性的值必须大于或等于该对象的最大索引...
like模糊查询，及其优化(查找数组)
LC的博客
11-27 3822
目前sql有四种匹配模糊查询模式 % _ [] [^] % 任意长度 表示任意0-n个字符，可匹配任意类型和长度 // sql select * from table where name like '%三%'; // mybatis .... where name like concat('%',#{name},'%'); _ 单个 表示任意单个字符----用来限长的 // sql select * from table where name like '_三_'; // mybatis .... w
Hive中复合数据类型Array Map相关操作
qq_654603797
05-14 2375
需求背景： 求：如何判断字段B中包含23（其中字段A的数据类型为String,字段B的数据类型为Array） FieldA FieldB 1 [52,12,23,11,25,11] 2 [28,41,25,254,36] 3 [60,78,48,481,236,56] 4 [239,108524,14] 5 [52,36,96,42,33] 思路梳理： 1.第一感觉可能会考虑到模糊匹配likeinstr等等。但 239 236这样的...
hive表中array类型数据处理（行列转换）
Marsm的博客
11-23 9341
hive表中array类型数据处理 hive表中数据如下： 1 ["20170101","20170102","20170201","20170203"] 2 ["20170102","20170102","20170201"] 3 ["20170104"] 2 ["20170201&quot
hive like在join中的应用二（进阶）
程老师的博客
08-04 390
问题： 现在有每个用户每场比赛上场的卡牌组合，现在需要求出一张卡牌出场的次数、两张卡牌出场的次数、三张卡牌出场的次数…八张卡牌出场的次数 如下为一个用户3场比赛的出场卡牌组合： 神圣领域|摇头菇|淤泥|独轮车骑手|发条撕裂者|石棒士兵|丛林勇士|布鲁兄弟 复活术|冰川风暴|神佑护盾|基地无敌|摇头菇|骑手哈雷|豪猪射手|冰霜族长：贾德维克 落雷术|摇头菇|布鲁兄弟|椰果抛射器16型|骑手哈雷|琥珀酋长|豌豆射手|冰霜族长：贾德维克 例如一张卡牌出场的次数：神圣领域出场1次，摇头菇出场3次，骑手哈雷出场2次
HIVE常用函数速查
weixin_40809627的博客
08-12 2849
Hive 提供了较完整的 SQL 功能，HQL 与 SQL 基本上一致，旨在让会 SQL 而不懂 MapReduce 编程的用户可以调取 Hadoop 中的数据，进行数据处理和分析。 记录日常数据分析过程中 Hive SQL 需要的查询函数，方便手头随时查询，定期更新补充。 ...
like和notlike查询支持数组方式 更方便了,不像以前那么繁琐
大任的网络专栏
09-09 1930
版本：3.1.0 评论 捐赠 分享 like和notlike查询支持数组方式，例如 $map['a'] =array('like',array('%thinkphp%','%tp'),'OR');$map['b'] =array('notlike',array('%thinkphp%','%tp'),'AND');
关于hive内置函数的使用
weixin_45381920的博客
06-28 2305
目录一、查询函数1.NVL（如果是空值赋默认值）2.like and rlike 2.1.%匹配符与like的灵活使用 2.2. _ 和like 的灵活使用 2.3. _ 、like 、% 三者联合使用 2.4. not A like B 和 A not like B 2.5. rlike(可使用java中所有正则表达式) Java 正则表达式 | 菜鸟教程3.case when4.行转列 4.1.concat 4.2.concat_ws 4.3. collect_set() 4.
随笔记：模拟类数组（array-like）的方法
Wang Chengchen's Blog
10-25 271
模拟类数组（array-like）的方法 add方法接收一个待添加到对象的元素作为参数 gather方法将元素添加到对象中 find方法，用于查找自定义对象中的任意元素 【备注】push 方法根据 length 属性来决定从哪里开始插入给定的值。如果 length 不能被转成一个数值，则插入的元素索引为 0，包括 length 不存在时。当 length 不存在时，将会创建它。 【总结】这个实例不仅展示了可变函数上下文的能力，而且展示了如何复用已经编写的代码，而且不用重复造轮子 许三多:有意义就
js类数组对象
最新发布
07-22
<think>我们正在讨论JavaScript中的类数组对象。根据引用，类数组对象是“看上去像数组，又不是数组”的对象，它们具有数字下标属性、length属性，但没有数组的方法（如push, pop等）。常见的例子包括函数的arguments对象和DOM操作返回的NodeList。 关键特征： 1. 有数字索引（下标）访问元素 2. 有length属性，表示元素个数 3. 没有数组的内置方法（如push, slice等） 使用方法： 1. 创建类数组对象：可以按照引用[2]和[3]的方法，创建一个空对象，然后添加数字下标属性，并设置length属性。 2. 将类数组对象转换为真正的数组：可以使用Array.prototype.slice.call()或Array.from()（ES6）方法，这样就能使用数组的方法了。 3. 借用数组方法：如引用[3]和[4]提到的，可以通过Function.call或Function.apply来借用数组的方法（例如Array.prototype.push.call）。 注意：引用[5]提到，转换后的数组会失去原有类数组对象的一些特性（比如用字符串作为属性名访问元素的能力）。 下面我们通过示例来详细说明。</think>### JavaScript 类数组对象详解 #### 1. **什么是类数组对象？** 类数组对象（Array-like Object）指**具有数字索引和 `length` 属性，但缺乏数组方法（如 `push`, `pop`）的对象**。其核心特征： - **数字下标访问**：可通过 `obj[0]`、`obj[1]` 访问元素 - **`length` 属性**：标识元素数量 - **非真正数组**：无法直接调用 `Array.prototype` 方法[^1][^4][^5] 常见类数组对象：函数的 `arguments`、DOM 的 `NodeList`、字符串等。 --- #### 2. **创建类数组对象** 通过手动添加属性和 `length` 实现： ```javascript // 步骤1：创建空对象 const arrayLike = {}; // 步骤2：添加数字下标属性 arrayLike[0] = "a"; arrayLike[1] = "b"; // 步骤3：设置length和splice（模拟数组行为） arrayLike.length = 2; arrayLike.splice = Array.prototype.splice; // 可选，使控制台输出类似数组 ``` 此时 `arrayLike` 可像数组一样迭代，但无法直接调用 `arrayLike.push()`[^1][^3]。 --- #### 3. **类数组对象的使用方法** ##### (1) **转换为真实数组** 使用 `Array.from()` 或 `Array.prototype.slice`： ```javascript // 方法1：ES6的Array.from const realArray1 = Array.from(arrayLike); // 方法2：借用数组的slice方法 const realArray2 = Array.prototype.slice.call(arrayLike); ``` 转换后可调用数组方法（如 `slice`, `push`）[^4][^5]。 ##### (2) **借用数组方法** 不转换直接调用数组方法： ```javascript // 类数组对象使用数组的push方法 Array.prototype.push.call(arrayLike, "c"); console.log(arrayLike.length); // 输出3 console.log(arrayLike[2]); // 输出"c" // 类数组对象使用数组的join方法 const str = Array.prototype.join.call(arrayLike, "-"); console.log(str); // 输出"a-b-c" ``` > ⚠️ 注意：部分方法（如 `concat`）可能不兼容类数组对象[^3][^4]。 --- #### 4. **典型应用场景** - **处理 `arguments` 对象**： ```javascript function sum() { const args = Array.prototype.slice.call(arguments); return args.reduce((a, b) => a + b); } console.log(sum(1, 2, 3)); // 输出6 ``` - **操作 DOM 集合**： ```javascript const divs = document.querySelectorAll("div"); // NodeList是类数组 const divArray = Array.from(divs); divArray.forEach(div => console.log(div)); ``` --- #### 5. **注意事项** - 类数组对象的 `length` 不会自动更新，需手动维护[^2]。 - 转换为真实数组后会丢失非数字键属性（如 `obj.name`）[^5]。 - 优先使用 `Array.from()`（ES6）代替 `slice.call()`，代码更简洁。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值