AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

关于js数组循环输出的几个方法以及关于下标不固定循环输出控制的方法

2022-12-08 141
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 关于js数组循环输出的几个方法以及关于下标不固定循环输出控制的方法

今天上班遇到个下标不固定的jsjson对象,如图

image.png

本人想实现的是忽略第一个元素,循环后面的数据,

一开始使用的是for循环

1

2

3

4

 var i;

for(i=1;i<data.length;i++){

 

}

没写完就发现这样不行,因为本身的下标是2,data[i],当i=1时是没有值的

后来试了下$.each

1

2

3

4

5

$.each(data,function(i,n){

  if(i>1) {

    console.log(i + ',' + n);

  }

});

这样也发现i还是下标的值,输出结果还是3个都输出,不能实现忽略第一个;

到后来大神跟我说了个for in

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>

<body>

<scripttype="text/javascript">

var x

var mycars = new Array()

mycars[3] = "宝马"

mycars[4] = "奔驰"

mycars[6] = "宾利"

 

for (x in mycars)

{

document.write(mycars[x] + "<br/>")

}

</script>

</body>

</html>

发现x其实也是关于下标的,

但我突然想到该怎么做了;

1

2

3

4

5

6

7

8

  var i=1;

  var x;

for(x in data){

  if(i!=1){

    //遍历输出

  }

  i++;

}

这样子的话,当第一次执行时,i为1,这样就不会输出,而第一次过后,i会+1,i=2,这样的话就开始输出了,脑子真笨!

本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn

文章标签：
JavaScript
前端开发
关键词：
JavaScript方法
JavaScript循环
JavaScript数组
JavaScript下标
JavaScript循环方法
仙士可
目录
相关文章
代码掌控者
|
1月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
代码掌控者
50 1
大树营养快线
|
1月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度？
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法，可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度，从而提高代码的可靠性和可移植性。
大树营养快线
37 3
光明顶阳顶天
|
1月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法，并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题，可以提高应用的稳定性和性能，避免潜在的风险和故障。同时，不断学习和掌握内存管理的知识，也是有效预防内存泄漏的重要途径。
光明顶阳顶天
135 52
我是快乐的嘟嘟
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
95 49
我是快乐的嘟嘟
|
1月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
我是快乐的嘟嘟
82 48
龙大吉
|
1月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
龙大吉
49 5
雨溪-yuxi
|
1月前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中，`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中，`bind`返回一个新函数，不立即执行；`call`和`apply`则立即执行，且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似，但在执行时机和参数传递方式上有所区别。
雨溪-yuxi
29 1
john散漫
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式，能够满足各种不同的参数传递和处理需求，在实际开发中具有广泛的应用价值。
john散漫
46 7
大树营养快线
|
1月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法，涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面，为各种数学相关的计算和处理提供了强大的支持，是JavaScript编程中不可或缺的一部分。
大树营养快线
57 1
大树营养快线
|
1月前
|
JavaScript 前端开发 开发者
js中String或者Array或者Math内部常用的方法
【10月更文挑战第29天】
大树营养快线
35 0

热门文章

最新文章

  • 1
    Node.js 的事件驱动机制
  • 2
    基于 JavaScript/VuePress 搭建的远程工作平台：YuanCheng.works
  • 3
    如何使用内存监控工具来优化 Node.js 应用的性能
  • 4
    html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
  • 5
    js+jquery实现贪吃蛇经典小游戏
  • 6
    在 golang 中执行 javascript 代码的方案详解
  • 7
    Node.js新作《循序渐进Node.js企业级开发实践》简介
  • 8
    Node.js 的性能
  • 9
    基于SVG的js圆形菜单插件
  • 10
    如何使用内存快照分析工具来分析Node.js应用的内存问题？
  • 1
    JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
    57
  • 2
    js设计模式-观察者模式与发布/订阅模式
    74
  • 3
    js设计模式-策略模式与代理模式的应用
    76
  • 4
    深入理解JavaScript中的闭包机制
    63
  • 5
    使用Vue.js构建交互式前端的技术探索
    92
  • 6
    使用Node.js构建实时聊天应用的技术指南
    138
  • 7
    深入理解JavaScript中的事件循环机制
    93
  • 8
    【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
    124
  • 9
    JavaScript 数组方法概览
    39
  • 10
    在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
    71

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 常见类型-3：数组元组的方法
  • Html5和Webpack2：Webpack5打包JS和样式表
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)