微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript判断变量是对象还是数组的方法介绍

巴扎黑
发布： 2017-07-18 17:02:10
原创
1611人浏览过

  1. 　　因为无论是数组还是对象，对于typeof的操作返回值都为object，所以就有了区分数组类型和对象类型的需要：

  2. 方一：通过length属性：一般情况下对象没有length属性值，其值为undefiend，而数组的length值为number类型

  3. 　　缺点：非常不实用，当对象的属性存在length，且其值为number（比如类数组），则该方法失效，不建议使用，看看即可。

  4. *方二：通过instanceof来判断区分

  5. 1.instanceof 

    立即学习“Java免费学习笔记（深入）”；

    即构数智人
    即构数智人

    即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

    即构数智人 36
    查看详情 即构数智人
var arr = [1, 2, 3];
var obj = {
    name: 'lyl',
    age: 18,
    l: 'name'
}
console.log(arr instanceof Array); //true
console.log(obj instanceof Array); //false
 

2.constructor

 
var arr = [1, 2, 3];
var obj = {
    name: 'lyl',
    age: 18,
    1: 'name'
}
console.log(arr.constructor === Array); //true
console.log(obj.constructor === Array); //false
 

3.Object.prototype.toString()

 
var arr = [1, 2, 3];
var obj = {
    name: 'lyl',
    age: 18,
    1: 'name'
}
console.log(Object.prototype.toString.call(arr) === '[object Array]'); //true
console.log(Object.prototype.toString.call(boj) === '[object Array]'); //false
 

4.数组仅有的方法(如：sort,pop等)

 
var arr = [1, 2, 3];
var obj = {
    name: 'lyl',
    age: 18,
    1: 'name'
}
console.log(arr.sort === Array.prototype.sort); //true
console.log(obj.sort === Array.prototype.sort); //false

以上就是JavaScript判断变量是对象还是数组的方法介绍的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：js中什么是原型对象和原型链 下一篇：epii.js模板引擎介绍
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
理解JavaScript中this关键字：一份详细教程 本文旨在深入解析JavaScript中this关键字的运作机制，通过具体的代码示例，阐明this的指向规则以及如何在不同场景下正确使用它。我们将重点讨论函数调用方式对this的影响，并提供修改后的代码示例，以便读者能够更好地理解this在对象方法中的应用。
2025-11-15 18:28:15
914
JS实现深拷贝与浅拷贝的几种方式_javascript技巧 浅拷贝只复制对象第一层属性，引用类型共享内存，常用方法有Object.assign、扩展运算符和slice；深拷贝递归复制所有层级，完全独立，可使用JSON.parse(JSON.stringify())、手写递归函数或structuredClone()实现，后者支持更多数据类型但需考虑兼容性。
2025-11-15 18:22:49
937
JS注解怎么和ESLint集成_ ESLint中结合JS注解进行代码检查的方法 答案：通过配置eslint-plugin-jsdoc插件，ESLint可检查JSDoc注解的格式、参数、返回值等，确保注解与代码一致，提升可读性和维护性；结合TypeScript可增强类型校验，支持自定义规则和自动修复，集成于编辑器实现实时提示，定期审查规则避免过度约束。
2025-11-15 18:19:40
563
如何在JavaScript中动态重构DOM以实现响应式布局 本文详细介绍了如何使用JavaScript动态地将现有HTML元素移动到一个新创建的容器中，以实现响应式布局。通过讲解document.querySelector、document.createElement、appendChild和insertBefore等核心DOM操作方法，并结合屏幕宽度判断，提供了一个实用示例，帮助开发者根据不同的视口尺寸调整页面结构，优化用户体验。文章还探讨了相关注意事项及更全面的响应式设计策略。
2025-11-15 18:18:21
280
js观察者模式是什么 观察者模式用于处理对象间依赖关系，当被观察者状态变化时，所有观察者自动收到通知并更新；其核心角色包括维护观察者列表的被观察者和实现更新方法的观察者；JavaScript中可通过Subject和Observer构造函数实现添加、删除及通知观察者；典型应用有DOM事件监听、Vue/Redux状态管理及组件通信，是前端开发中实现松耦合与响应式机制的基础。
2025-11-15 18:17:02
929
JS时间戳转换_时区处理方案 答案：JavaScript中处理时间戳需注意Unix时间戳基于UTC，Date对象默认按本地时区显示；后端返回秒级时间戳应乘以1000转换为毫秒；使用toLocaleString()可自动按用户时区格式化输出；若需指定时区如北京时间（UTC+8），应使用Intl.DateTimeFormatAPI并设置timeZone为‘Asia/Shanghai’；解析时间字符串时应确保为ISO格式或包含时区标识（如Z表示UTC），避免因无时区信息被误判为本地时区；建议封装通用函数实现时间戳自动补全毫秒及指定
2025-11-15 18:15:06
422
Material Design图标形状定制：可行性分析与多源图标库探索 MaterialDesign图标的形状是预设的矢量图形，无法直接修改其基础形态。当需要特定形状的图标而Material图标库中没有直接匹配时，建议首先在现有库中寻找功能相近但形状不同的替代图标。若仍无法满足需求，则应考虑整合使用其他高质量的第三方图标库，如Boxicons或BootstrapIcons，以拓宽设计选择并满足多样化的视觉要求，避免单一来源的限制。
2025-11-15 18:05:02
107
解决Html5Qrcode扫描器在AJAX提交后无法自动重启的问题 本文旨在解决Html5Qrcode扫描器在WordPress插件中，通过AJAX表单提交数据后无法自动重启的问题。核心在于纠正扫描器实例的生命周期管理，确保每次需要扫描时都能正确调用其启动方法，而非重复创建实例。文章将提供详细的解决方案，包括代码重构、实例管理优化及最佳实践，帮助开发者实现无缝的条码扫描工作流。
2025-11-15 18:03:00
769
Sequelize模型关联错误解析与最佳实践：集中化定义 本文深入探讨Sequelize模型在多文件结构中定义关联时常见的错误，如“notasubclassofSequelize.Model”或“isnotassociatedto”。文章揭示了这些问题源于模型加载时序和循环引用，并提出了一种最佳实践：通过将所有模型关联定义集中到一个独立模块，确保所有模型在建立关系前均已完全初始化，从而有效避免此类错误，提升代码的健壮性和可维护性。
2025-11-15 17:57:01
167
使用TypeScript接口定义Pinia Store状态 本文详细介绍了如何在PiniaStore中使用TypeScript接口来定义状态的类型。我们将探讨直接将类型“展开”到状态对象中为何不可行，以及如何通过为state函数添加返回类型注解来正确实现类型安全，从而提升代码的可维护性和可读性。
2025-11-15 17:51:02
577
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部