web前端必背知识 javascript 数组 上

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


文章目录

前言

本文章讲述了web前端 JavaScript 数组的基础知识与一些案例,但不包括全部,如果你觉得本文对你有帮助,请三连支持小编,万分感谢!

以下是本篇文章正文内容,下面案例可供参考

一、本文的学习目标

1.能够知道为什么有数组

2.能够创建数组

3.能够获取数组中的元素

4.能够对数组进行遍历

5.能够给数组新增一个元素

6.能够独立完成冒泡排序的案例

二、数组的概念

标题之前学习的变量,只能储存一个值,如果我们想储存很多的值,那么该如何储存呢?

这时候就可以使用数组(Array),数组可以把一组相关的数据存放在一起,并提供方便的访问(获取)方式。

什么是数组?

数组是指一组数据的集合,其中每个数据被称做元素,在数组中可以存放任意类型的元素。数组是一种将一组数据储存在单个变量名下的优雅方式。

例子:

var num=10;
var arr=[1,2,3,4,5,....,"关注我!"]

三、创建数组

数组的创建方式

js中创建数组的方式有两种:

1.利用 new 创建数组。

ar 数组名 = new Array()
var arr =new Array()//创建一个新数组

这种方式就不在本文章里细讲了,等讲到数组时小编会讲的,要注意Array() A要大写!

2.利用数组字面量创建数组。

var arr =['关','注','博','主']
var arr =[1,2,true]

数组里的数据一定要用逗号分隔开,数组里面的数据,比如1,2 我们称为数组元素。

四、获取数组中的元素

数组的索引

索引(下标):用来访问数组元素的序号(数组的下标从0开始)

var arr = ['小白','小黑','大黄','关注我!']
//索引号:    0      1     2      3

数组可以通过索引来访问,设置,修改对应的数组元素,我们可以通过数组名【索引】的形式来获取数组中的元素。

例如:

var arr = ['小白','小黑','大黄','关注我!']
console.log(arr[2])

数组下标的练习

要求:定义一个数组,里面存放星期一,星期二…直到星期日,在控制台输出星期日。

var arr = ['星期1','星期2','星期3','星期4','星期5','星期6','星期7']
      console.log(arr[?])
目录
相关文章
|
15天前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
2月前
|
并行计算 前端开发 JavaScript
Web Worker:让前端飞起来的隐形引擎
在现代 Web 开发中,前端性能优化是一个至关重要的课题,尤其是对于计算密集型的应用,如图像处理、视频处理、大规模数据分析等任务。单线程的 JavaScript 引擎常常成为性能瓶颈,导致应用变得迟缓。Web Worker,作为一种强大的技术,使得前端能够在后台进行并行计算,从而实现高效的任务处理,不影响主线程的运行和用户的交互体验。
317 108
|
15天前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
2月前
|
JavaScript 前端开发 Java
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
295 72
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
|
15天前
|
JavaScript 前端开发 开发者
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
15天前
|
JavaScript 前端开发 物联网
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
4月前
|
移动开发 前端开发 JavaScript
前端web创建命令
本项目使用 Vite 搭建 Vue + TypeScript 开发环境,并基于 HTML5 Boilerplate 提供基础模板,快速启动现代前端开发。
48 2
|
4月前
|
Web App开发 编解码 移动开发
零基础音视频入门:你所不知道的Web前端音视频知识
本文回顾了Web端音视频的发展历程,同时还介绍了视频的编码、帧率、比特率等概念,提到了Canvas作为视频播放的替代方案,以及FFmpeg在音视频处理中的重要作用等知识。
102 1
|
4月前
|
JSON JavaScript 前端开发
JavaScript入门干货:蓝桥杯Web组分章学习笔记(基于蓝桥云课《JavaScript基础入门》)
这是一份详尽的JavaScript学习笔记,涵盖基础到进阶内容。包括变量、运算符、数组、字符串操作,DOM/BOM事件处理,内置对象(如Array、Date、Math)用法,JSON格式解析,以及函数作用域与闭包等核心概念。同时深入探讨值类型和引用类型的差异、异常处理机制,并介绍函数高级特性如call/apply/bind方法、递归及arguments对象。代码按章节分点整理,注释细致,适合初学者系统掌握JavaScript编程知识。
77 2
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。