当前位置:首页 > JavaScript

js实现empty

2026-03-15 07:13:05JavaScript

实现 empty 功能

在 JavaScript 中实现类似 PHP 的 empty() 功能,需要检查变量是否为 nullundefined、空字符串、0false 或空数组/对象。

js实现empty

function empty(value) {
  if (value === null || value === undefined) {
    return true;
  }

  if (typeof value === 'string' && value.trim() === '') {
    return true;
  }

  if (typeof value === 'number' && value === 0) {
    return true;
  }

  if (typeof value === 'boolean' && value === false) {
    return true;
  }

  if (Array.isArray(value) && value.length === 0) {
    return true;
  }

  if (typeof value === 'object' && Object.keys(value).length === 0) {
    return true;
  }

  return false;
}

使用示例

console.log(empty(null));         // true
console.log(empty(undefined));    // true
console.log(empty(''));           // true
console.log(empty(0));            // true
console.log(empty(false));        // true
console.log(empty([]));           // true
console.log(empty({}));           // true
console.log(empty('Hello'));      // false
console.log(empty(42));           // false
console.log(empty(true));         // false
console.log(empty([1, 2, 3]));    // false
console.log(empty({a: 1}));       // false

注意事项

对于对象类型的检查,需要注意原型链上的属性不会被 Object.keys() 包含。如果需要更严格的对象空检查,可能需要额外处理。

js实现empty

对于 NaN 的特殊情况,可以根据需求决定是否将其视为空值。如果需要包含,可以添加以下条件:

if (typeof value === 'number' && isNaN(value)) {
  return true;
}

标签: jsempty
分享给朋友:

相关文章

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval 实…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <…