首页 > 编程语言 >JavaScript中数组的概念以及创建

JavaScript中数组的概念以及创建

时间:2023-01-12 10:40:45浏览次数:39  
标签:字面 创建 JavaScript 运算符 数组 var


 先给大家分享一些JavaScript的相关资料:

  •  ​​认识JavaScript到初体验​​
  • ​​JavaScript 注释以及输入输出语句​​
  • ​​JavaScript变量的使用、语法扩展、命名规范​​
  • ​​JavaScript数据类型简介以及简单的数据类型​​
  • ​​JavaScript获取变量数据类型​​
  • ​​JavaScript 运算符&算数运算符​​
  • ​​JavaScript递增和递减运算符​​
  • ​​JavaScript:比较运算符和逻辑运算符​​
  • ​​JavaScript:赋值运算符以及运算符优先级​​
  • ​​JavaScript 流程控制-实际案例学习if语句​​
  • ​​JavaScript三元表达式&分支流程控制 switch​​
  • ​​JavaScript的for循环学不明白看这篇​​
  • ​​案例方式学习JavaScript双重for循环​​
  • ​​专题讲解:JavaScript中while以及do while循环​​

一、数组的概念

问:之前学习的数据类型,只能存储一个值。如果我们想存储班级中所有学生的姓名,那么该如何存储呢?

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

问:什么是数组呢?

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

// 普通变量一次只能存储一个值
var num = 10;
// 数组一次可以存储多个值
var arr = [1,2,3,4,5];

二、数组的创建

2.1 数组的创建方式

JS 中创建数组有两种方式:

  • 利用 new 创建数组
  • 利用数组字面量创建数组

2.2 利用 new 创建数组

var 数组名 = new Array() ;
var arr = new Array(); // 创建一个新的空数组
  • 这种方式暂且了解,等学完对象再看
  • 注意 Array () ,A 要大写

2.3 利用数组字面量创建数组

//1. 使用数组字面量方式创建空的数组
var 数组名 = [];
//2. 使用数组字面量方式创建带初始值的数组
var 数组名 = ['小白','小黑','大黄','瑞奇'];
  • 数组的字面量是方括号 [ ]
  • 声明数组并赋值称为数组的初始化
  • 这种字面量方式也是我们以后最多使用的方式

2.4 数组元素的类型

数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。

var arrStus = ['小白',12,true,28.9];

2.5 课堂提问

1. 数组的作用是什么?

2. 创建数组我们有哪两种方式? 哪一种我们最常用?

3. 什么是数组元素? 数组里面类型有限制吗?




标签:字面,创建,JavaScript,运算符,数组,var
From: https://blog.51cto.com/u_8238263/6003628

相关文章

  • 案例方式学习JavaScript双重for循环
    先给大家分享一些JavaScript的相关资料: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​......
  • JavaScript的for循环学不明白看这篇
    JavaScript相关知识点内容: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​JavaScript数......
  • JavaScript 流程控制-实际案例学习if语句
     JavaScript前文回顾: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​JavaScript数据类......
  • JavaScript:赋值运算符以及运算符优先级
    JavaScript前文回顾: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​JavaScript数据类型......
  • JavaScript:比较运算符和逻辑运算符
    JavaScript前文回顾: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​JavaScript数据类型......
  • JavaScript获取变量数据类型
    JavaScript前文回顾: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​ ​​JavaScript数据......
  • JavaScript数据类型简介以及简单的数据类型
    JavaScript前文回顾: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​一、数据类型简介1.1为......
  • JavaScriptP19 原始数据类型,引用数据类型。
    P19 原始数据类型,引用数据类型。晓周报告不怕慢,但在学。学呗。这边不会,就学。有的是全称学黑马学出来的。  ......
  • NET-async-await是否会创建新线程
    title:.NETasync/await是否会创建新线程date:2022-12-0610:36:46tags:-.NET先上结论CPU密集型操作,比如计算,如果不使用Task,ThreadPool、Thread,则不会创建新线程......
  • uni-app创建项目
     文件-新建-1.项目 ......