当前位置: 首页 > news >正文

每周分享之JS数组的使用

    数组,一堆数字归为一组,就是一个数组,一堆对象放在一个组里,也是一个数组,概念很容易懂,说白了就是一个有限集合。

    JS数组的语法无法两种,插入和移除(语法自行科普)。用处挺常见的,既然数组是一个集合,那么用到集合的地方就会用到数组,常见于页面上的表格数据渲染,一般的,异步加载的表格数据就是从数组来的,比如后台接口把一个数据表,格式化成JSON对象并返回,这个JSON对象其实就是一个数组,因为这个对象里有N个子对象,这个N个子对象都在一个大的JSON对象里,这个大的JSON对象就是一个集合,就是一个数组。所以你用ajax收到的列表数据,返回的结果其实基本上都可以理解为数组。当然,如果ajax请求设置的格式是html,不是JSON的话,那么返回的就不是数组,而是一个json字符串了,这个时候就需要将json串格式化成JSON对象/数组,然后就可以去遍历/循环了。

    注意:(JSON串!=JSON对象)但是两者可以互相转换:

    

    会使用到数组的几个地方:

    1. ajax返回JSON对象,遍历这个对象的时候其实就是在遍历数组,此时这个对象就是个数组,里面有N个元素

    2.获取到页面多个值的时候,其实也是个数组,比如 $(document).find("ul>li") 假设页面有多个li,这个时候前面一句获取到的即使一个包含页面li的数组

    3.做某个功能的时候,数组可以用来存储多个对象,通过对数组的存取以及删减可以实现相应的功能

 

    由于JS是弱类型,所以在使用数组的时候比较“随意”,比如一个数组可以存多个数字、或者多个字符串、或者多个对象、或者数字+字符串、或者数字+字符串+对象,都可以往里面存,还能混在一起(一般没人这么干)

 

    数组使用之代码实例:

    

 

 

    数组其实有时候不单单指 new Array()的对象,有时候,一个JSON对象也是一个数组,这点很重要。

 

    

相关文章:

  • python 内置模块
  • CSS 样式小结
  • TypeError: Cannot read property 'url' of undefined
  • centos 7 安装官方LAMP(Apache+PHP5+MySQL)
  • 6.Flask-WTForms
  • phpstrom+upupw 开启 Xdebug 调试
  • Python爬虫常用库的安装
  • 非 root 用户全局安装和配置 NodeJS
  • MYSQL性能优化的最佳20+条经验
  • 6.kotlin安卓实践课程-用kotlin写第一个activity对应P层
  • MHA源码分析——环境部署
  • 你需要了解的23种JavaScript设计模式
  • 2018-06-01Linux学习
  • 调查:市面上你知道有哪几款APP支持这个功能?
  • Python将SQL server 数据库导入到mongoDB数据库中
  • 【附node操作实例】redis简明入门系列—字符串类型
  • happypack两次报错的问题
  • leetcode98. Validate Binary Search Tree
  • Nacos系列:Nacos的Java SDK使用
  • Netty 4.1 源代码学习:线程模型
  • SpiderData 2019年2月23日 DApp数据排行榜
  • vue-cli3搭建项目
  • yii2权限控制rbac之rule详细讲解
  • zookeeper系列(七)实战分布式命名服务
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 复习Javascript专题(四):js中的深浅拷贝
  • 京东美团研发面经
  • 面试总结JavaScript篇
  • 批量截取pdf文件
  • 入门到放弃node系列之Hello Word篇
  • 入职第二天:使用koa搭建node server是种怎样的体验
  • # 手柄编程_北通阿修罗3动手评:一款兼具功能、操控性的电竞手柄
  • (1)STL算法之遍历容器
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (poj1.2.1)1970(筛选法模拟)
  • (SpringBoot)第七章:SpringBoot日志文件
  • (八)Spring源码解析:Spring MVC
  • (动态规划)5. 最长回文子串 java解决
  • (独孤九剑)--文件系统
  • (一)u-boot-nand.bin的下载
  • (一)UDP基本编程步骤
  • (转)Sublime Text3配置Lua运行环境
  • .[backups@airmail.cc].faust勒索病毒的最新威胁:如何恢复您的数据?
  • .net core开源商城系统源码,支持可视化布局小程序
  • .net MySql
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .Net 应用中使用dot trace进行性能诊断
  • .NET/C# 推荐一个我设计的缓存类型(适合缓存反射等耗性能的操作,附用法)
  • .NET处理HTTP请求
  • .NET中两种OCR方式对比
  • @Documented注解的作用
  • @font-face 用字体画图标
  • @JoinTable会自动删除关联表的数据
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • @在php中起什么作用?