JavaScript的基础数据类型

一、JavaScript中的数组

1. 定义
   • 数组是一种特殊的对象，用于存储多个值。在JavaScript中，数组可以包含不同的数据类型，如数字、字符串、对象、甚至其他数组。
   • 数组的创建有两种常见方式：
     • 字面量表示法：

       let fruits = ['apple', 'banana', 'cherry'];
       

     • 使用Array构造函数：

       let numbers = new Array(1, 2, 3);
       

2. 特性
   • 数组的长度可以动态变化。可以通过push()方法在末尾添加元素，通过pop()方法移除末尾元素。

     let myArray = [1, 2];
     myArray.push(3); // [1, 2, 3]
     myArray.pop(); // [1, 2]
     

   • 数组可以包含不同类型的数据：

     let mixedArray = [1, 'string', {name: 'John'}, [4, 5]];
     

二、索引

1. 定义
   • 数组中的每个元素都有一个对应的索引（也叫下标）。在JavaScript中，数组索引从0开始。
   • 例如，在数组[10, 20, 30]中，10的索引是0，20的索引是1，30的索引是2。
2. 访问元素
   • 通过索引可以访问数组中的元素。使用方括号[]语法，在方括号内传入索引值。

     let myArray = [10, 20, 30];
     console.log(myArray[1]); // 20
     

3. 修改元素
   • 也可以通过索引修改数组中的元素。

     let myArray = [10, 20, 30];
     myArray[1] = 25;
     console.log(myArray); // [10, 25, 30]
     

三、元素

1. 定义
   • 数组中的每一个值都被称为元素。元素可以是任意数据类型。
2. 操作元素
   • 除了上面提到的通过索引访问和修改元素外，还有很多方法可以操作数组元素。
   • 添加元素
     • 除了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来定义常量。

数据类型：

1. 数值类型：包括整数和浮点数。
2. 字符串类型：由字符组成的序列。
3. 布尔类型：表示真或假两种状态。
4. 对象类型：包括普通对象、数组、函数等。
5. 特殊类型：如null（表示空值）和undefined（表示未定义）。

算术运算符：

1. 加法运算符：+，用于两个数的相加。
2. 减法运算符：-，用于两个数的相减。
3. 乘法运算符：*，用于两个数的相乘。
4. 除法运算符：/，用于两个数的相除。
5. 取余运算符：%，用于计算两个数相除的余数。

这张图片是关于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。
    • 严格区分大小写。
  • 规范
    • 变量名必须有意义。
    • 遵守小驼峰式命名法。
• 练习：大厂面试题。