every用于空数组返回true的探究

在 JavaScript 中,every 是数组的一个方法,用于测试数组的所有元素是否都通过了指定函数的测试。every 方法返回一个布尔值,表示数组中的所有元素是否都满足指定函数的条件。

代码先行:

const emptyArray = [];
const condition = (element) => element > 0;

const result = emptyArray.every(condition);
console.log(result);  // 输出 true

const nonEmptyArray = [1, 2, 3];
const condition = (element) => element > 2;

const result = nonEmptyArray.every(condition);
console.log(result);  // 输出 false

ECMAScript 规范

根据 ECMAScript 规范,every 方法的定义是“如果数组中的每个元素都满足测试函数,则返回 true;否则返回 false”。在这个定义下,对于空数组,可以理解为“所有的元素都满足条件”(因为没有元素违反条件),基于上述观点空数组符合 every 的语义。

Array.prototype.every()源码分析

个人认为对every方法分析最为直接的方式是分析源码,以下为Array.prototype.every()源码

// 简化的 every 方法实现
Array.prototype.every = function(callback, thisArg) {
  // 获取数组对象
  const array = this;

  // 获取数组长度
  const length = array.length;

  // 检查回调是否为函数
  if (typeof callback !== 'function') {
    throw new TypeError('Callback must be a function');
  }

  // 设置上下文(this 指向)
  const context = thisArg || window;

  // 遍历数组的每个元素
  for (let i = 0; i < length; i++) {
    // 检查是否为稀疏数组
    if (i in array) {
      // 调用回调函数,传入当前元素、索引和数组本身
      const result = callback.call(context, array[i], i, array);

      // 如果有一个元素不满足条件,返回 false
      if (!result) {
        return false;
      }
    }
  }

  // 如果所有元素都满足条件,返回 true
  return true;
};

从中可以获知,如果数组的长度为 0(即空数组),则直接返回 true

这也就是every用于空数组返回true的原因;

在用到every的时候,也会常想起some

some用于空数组返回false

some 方法的定义是检查数组中是否至少有一个元素满足提供的测试函数,而在空数组中没有任何元素,因此无法找到满足条件的元素。

const emptyArray = [];

const hasEvenNumber = emptyArray.some((element) => element % 2 === 0);

console.log(hasEvenNumber); // 输出 false

Array.prototype.some()源码分析

Array.prototype.some = function(callback, thisArg) {
    'use strict';

    if (this == null) {
      throw new TypeError('Array.prototype.some called on null or undefined');
    }

    if (typeof callback !== 'function') {
      throw new TypeError('Callback must be a function');
    }

    const array = Object(this);
    const length = array.length >>> 0;

    for (let i = 0; i < length; i++) {
      if (i in array && callback.call(thisArg, array[i], i, array)) {
        return true;
      }
    }

    return false;
  };

对于空数组,some 方法会遍历 0 次,因为数组的长度为 0。因此,回调函数不会被执行,而返回false

关于很多博客钟提及到的空洞原理,真空概念等,也可以作为解释上述every,some结果的原因,如果有其他更好的认识,欢迎各位评论区留言,非常感谢!

  • 13
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用every方法可以实现数组去重。下面是一个示例代码: ```javascript function deduplicationArray(arr) { let target = []; arr.forEach(item => { target.every(x => x !== item) && target.push(item); }); return target; } ``` 这个函数接受一个数组作为参数,然后利用forEach方法遍历数组中的每一个元素。在遍历过程中,使用every方法判断目标数组中是否已经存在当前元素,如果不存在则将其添加进目标数组。最后返回目标数组,即为去重后的数组。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [reduce详解和多种用法,可下载直接使用](https://download.csdn.net/download/weixin_39519297/86773412)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [JS数组去重的8种代码实现](https://blog.csdn.net/weixin_41650390/article/details/109211387)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [数组循环方法以及数组去重总结](https://blog.csdn.net/weixin_43848576/article/details/122717528)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值