一、JavaScript中的数组
- 定义
- 数组是一种特殊的对象,用于存储多个值。在JavaScript中,数组可以包含不同的数据类型,如数字、字符串、对象、甚至其他数组。
- 数组的创建有两种常见方式:
- 字面量表示法:
let fruits = ['apple', 'banana', 'cherry'];
- 使用
Array
构造函数:let numbers = new Array(1, 2, 3);
- 字面量表示法:
- 特性
- 数组的长度可以动态变化。可以通过
push()
方法在末尾添加元素,通过pop()
方法移除末尾元素。let myArray = [1, 2]; myArray.push(3); // [1, 2, 3] myArray.pop(); // [1, 2]
- 数组可以包含不同类型的数据:
let mixedArray = [1, 'string', {name: 'John'}, [4, 5]];
- 数组的长度可以动态变化。可以通过
二、索引
- 定义
- 数组中的每个元素都有一个对应的索引(也叫下标)。在JavaScript中,数组索引从0开始。
- 例如,在数组
[10, 20, 30]
中,10
的索引是0,20
的索引是1,30
的索引是2。
- 访问元素
- 通过索引可以访问数组中的元素。使用方括号
[]
语法,在方括号内传入索引值。let myArray = [10, 20, 30]; console.log(myArray[1]); // 20
- 通过索引可以访问数组中的元素。使用方括号
- 修改元素
- 也可以通过索引修改数组中的元素。
let myArray = [10, 20, 30]; myArray[1] = 25; console.log(myArray); // [10, 25, 30]
- 也可以通过索引修改数组中的元素。
三、元素
- 定义
- 数组中的每一个值都被称为元素。元素可以是任意数据类型。
- 操作元素
- 除了上面提到的通过索引访问和修改元素外,还有很多方法可以操作数组元素。
- 添加元素
- 除了
push()
方法在末尾添加元素外,还可以使用unshift()
方法在数组开头添加元素。let myArray = [2, 3]; myArray.unshift(1); console.log(myArray); // [1, 2, 3]
- 除了
- 删除元素
- 除了
pop()
方法移除末尾元素外,shift()
方法可以移除数组开头的元素,splice()
方法可以移除指定位置的一个或多个元素。let myArray = [1, 2, 3]; myArray.shift(); console.log(myArray); // [2, 3] myArray.splice(1, 1); console.log(myArray); // [2]
- 除了
- 遍历元素
- 可以使用
for
循环、forEach()
方法等遍历数组中的元素。let myArray = [10, 20, 30]; for (let i = 0; i < myArray.length; i++) { console.log(myArray[i]); } myArray.forEach(element => { console.log(element); });
- 可以使用
JavaScript 的常量、数据类型和算术运算符的
常量:在 JavaScript 中,常量是指其值在程序执行过程中不能被改变的量。通常使用关键字const
来定义常量。
数据类型:
- 数值类型:包括整数和浮点数。
- 字符串类型:由字符组成的序列。
- 布尔类型:表示真或假两种状态。
- 对象类型:包括普通对象、数组、函数等。
- 特殊类型:如
null
(表示空值)和undefined
(表示未定义)。
算术运算符:
- 加法运算符:
+
,用于两个数的相加。 - 减法运算符:
-
,用于两个数的相减。 - 乘法运算符:
*
,用于两个数的相乘。 - 除法运算符:
/
,用于两个数的相除。 - 取余运算符:
%
,用于计算两个数相除的余数。
这张图片是关于JavaScript的概念、作用和组成的总结。
JavaScript的概念、作用组成
1. 概念
JavaScript是一种运行在客户端(浏览器)的编程语言。
2. 作用
- 网页特效:监听用户的一些行为让网页作出对应的反馈。例如,当用户点击按钮时,弹出一个提示框。
- 表单验证:针对表单数据的合法性进行判断。例如,在用户注册页面,检查用户输入的邮箱格式是否正确。
- 数据交互:获取后台的数据,渲染到前端。例如,通过AJAX技术从服务器获取数据并在网页上显示。
- 服务端编程:使用Node.js进行服务端编程。例如,使用Node.js搭建服务器,处理HTTP请求。
3. 组成
- ECMAScript:它规定了JavaScript的语法和基本对象。
- DOM(文档对象模型):它允许JavaScript操作HTML和XML文档中的元素。例如,通过JavaScript改变网页中某个元素的样式或内容。
- BOM(浏览器对象模型):它提供了与浏览器窗口进行交互的对象和方法。例如,通过JavaScript打开或关闭浏览器窗口、获取浏览器的尺寸等。
这张图通过简洁的方式概括了JavaScript的主要特点和组成部分,有助于快速了解JavaScript在网页开发中的应用。
这张图片是关于变量的学习思维导图,主要内容如下:
变量
1. 变量概念和作用
- 容器:变量是一种容器。
- 变量的本质:在内存中开辟一个空间。
- 声明赋值的几种写法:未详细列出,可能包括不同的变量声明和赋值方式。
2. 变量命名规则和规范
- 命名规则和规范
- 规则
- 由字母、数字、下划线、$符号组成,不能以数字开头。
- 不能是关键字和保留字,例如:
var
、for
、while
、const
。 - 严格区分大小写。
- 规范
- 变量名必须有意义。
- 遵守小驼峰式命名法。
- 规则
- 练习:大厂面试题。