web前端必背知识 javascript 数组 下

简介: web前端必背知识 javascript 数组 下


五、遍历数组

遍历数组的基本了解

数组中的每一项我们怎么取出来?

可以通过数组名【索引号】的方式一项项的取出:

var arr = ['星期1','星期2','星期3','星期4','星期5','星期6','星期7']
      console.log(arr[0])
      console.log(arr[1])
      console.log(arr[2])
      console.log(arr[3])
      ......
      console.log(arr[6])

怎么把数组里面的元素全部取出呢?

从代码中可以发现,从数组中每取出一个元素时,代码是重复的,有所不一样的是索引值在递增,所以答案就是循环

var arr = [1,2,3,4]
for(var i=0; i<4; i++){
  document.write(arr[i])//输出时 i 当索引号来用
}//因为我们数组的索引是从0开始的,所以必须从零开始

遍历:就是把数组中的每个元素从头到尾都访问一次

如果你对循环还不够了解可以去看我关于循环的文章:

https://blog.csdn.net/weixin_71170351/article/details/125224949

数组长度

使用数组名.length可以访问数组元素的数量(数组长度),数组的长度是元素的个数不要跟索引号混淆哦

var arr = [1,2,3,4]
  console.log(arr.length)//数组名.length

var arr = [1,2,3,4]
for(var i=0; i<4; i++){
  document.write(arr[i])//输出时 i 当索引号来用
}//因为我们数组的索引是从0开始的,所以必须从零开始

结果:

六、数组中新增元素

通过修改length 长度新增数组元素

1.可以通过length长度实现数组扩容的目的,length属性是可读写的。

var arr=[1,2,3]
arr.length=5
document.write(arr)
document.write(arr[4])

其中除了1,2,3是没有给值的 所以默认值是undefined

2.新增元素,修改索引号 追加数组元素

var arr =['讲解','数','组']
arr[0]='我来讲解'//替换
arr[3]='关注'//新增
arr[4]='点赞'
arr[5]='收藏'
console.log(arr)

七、数组案例

1.数组去重

要求:将数组【2,0,6,1,77,0,52,0,25,7】中的 0 去掉后形成一个新数组。

var arr=[2,0,6,1,77,0,52,0,25,7]
var newarr=[]
for(var i=0; i<arr.length; i++){
  if(arr[i]!=0){
    newarr[newarr.length] = arr[i]
  }
}
console.log(newarr)

冒泡排序

冒泡排序是一种算法,把一系列的数据按照一定的顺序进行排列显示(从小到大或者从大到小)

列如:

//var arr =[5,4,3,2,1]
var arr=[4,1,2,3,5]
for(var i=0; i<=arr.length - 1; i++){//外循环管趟数
  for(var j=0; j<=arr.length -i -1; j++){//里循环管 每一趟的交换次数
  //内部交换2个变量的值 前一个和后一个数组元素相比较
    if(arr[j]<arr[j+1]){
      var temp =arr[j]
      arr[j]=arr[j+1]
      arr[j+1]=temp
    }
  }
}
document.write(arr)

结束

好的各位到这里本文章就结束了,如果对你有帮助请:

目录
相关文章
|
6天前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
4天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
7天前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
26 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
4天前
|
前端开发 API
(WEB前端编辑DWG)在线CAD如何实现图形识别功能
mxcad 提供的图形识别功能可帮助用户快速识别和提取 CAD 图纸中的各种图形,如直线、多段线、弧线、圆及图块,显著提升设计效率。此功能不仅适用于图形分类,还能进行数量统计和快速定位,减少手动操作。用户可通过 API 进行二次开发,自定义识别逻辑。具体步骤包括打开在线示例、选择识别功能、设置识别参数并开始识别。更多开发文档请关注公众号:梦想云图网页 CAD。
|
5天前
|
Web App开发 JavaScript 前端开发
构建高效Web应用:Node.js与Express框架的深度整合
【9月更文挑战第28天】在现代Web开发领域,Node.js和Express框架的结合已成为打造高性能、易扩展应用的黄金组合。本文将深入探讨如何利用这一技术栈优化Web应用架构,提供具体实践指导,并分析其性能提升的内在机制。通过代码示例,我们将展示从基础搭建到高级功能的实现过程,旨在为开发者提供一条清晰的学习路径,以实现技术升级和项目效率的双重提升。
14 3
|
7天前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
13 2
|
6天前
|
存储 前端开发 JavaScript
浅谈Web前端安全策略xss和csrf,及又该如何预防?
该文章详细讨论了Web前端安全中的XSS(跨站脚本攻击)和CSRF(跨站请求伪造)攻击原理及其防范措施,帮助读者了解如何保护Web应用程序免受这两种常见安全威胁的影响。
浅谈Web前端安全策略xss和csrf,及又该如何预防?
|
4天前
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
|
4天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
|
4天前
|
JSON JavaScript 前端开发
构建高效Web应用:Node.js与Express框架的完美结合
【9月更文挑战第28天】在现代Web开发中,Node.js和Express框架的结合为创建高性能、易扩展的应用提供了强有力的支持。本文将深入探讨如何利用这两种技术构建一个简单但功能强大的Web服务,同时提供代码示例以加深理解。
下一篇
无影云桌面