【2024】前端学习笔记14-JavaScript常用数据类型-变量常量
学习笔记
- 1.JavaScript常用数据类型
- 1.1.Number（数字）
- 1.2.String（字符串）
- 1.3.Boolean（布尔值）
- 1.4.Null（空值）
- 1.5.Undefined（未定义）
- 1.6.Object（对象）
- 1.7.Array（数组）
- 2.变量和常量
1.JavaScript常用数据类型
1.1.Number（数字）
number类型包括整数和浮点数，例如42（整数）和3.14（浮点数）。
let num1 = 20
let num2 = 2.54
JavaScript 中的数字是基于 IEEE 754 标准的双精度 64 位二进制格式。
可以进行各种算术运算，如加减乘除等。
包括一些特殊数值：Infinity（表示无穷大）和-Infinity（表示负无穷大），当一个数字超出了 JavaScript 所能表示的范围时就会出现这种情况，例如，1 / 0会得到Infinity。
NaN（Not a Number）用于表示非数字值，如0 / 0的结果是NaN。
1.2.String（字符串）
由零个或多个字符组成，字符可以是字母、数字、符号等。
字符串需要用引号（单引号’或双引号"）包裹。例如’Hello, World!'或"JavaScript"。
在JavaScript中，单引号和双引号都是可以的。
let str1 = 'Hello';
let str2 = "JavaScript";
1.3.Boolean（布尔值）
只有两个值：true和false，用于表示逻辑上的真和假。
布尔值通常用于条件判断和循环控制。
1.4.Null（空值）
只有一个值null，用于表示一个空的或不存在的引用。
通常用于初始化一个变量，表示该变量目前没有指向任何对象。
let myVariable = null;
1.5.Undefined（未定义）
当一个变量被声明但没有被赋值时，它的值是undefined。
let variable;
console.log(variable); // 输出 undefined
这里variable被声明了，但是没有被赋值，所以它的值是undefined。
需要注意的是，const声明的变量如果没有初始化，会直接报错，因为const声明的变量必须在声明时赋值。
1.6.Object（对象）
对象是一种复杂的数据类型，它可以包含多个属性和方法。
属性是键 - 值对，其中键是字符串，值可以是任何数据类型。
<body>
<script>
let person = {
name: 'John',
age: 30,
sayHello: function() {
console.log('hello,my friend');
}
};
console.log(person.name);
console.log(person.age);
// 获取元素也可以使用[]方法
console.log(person["age"]);
person.sayHello();
</script>
</body>
展示效果：可以在网页按F12的控制台中查看输出
1.7.Array（数组）
数组是一种特殊的对象，用于存储多个有序的数据。
数组中的每个元素可以是任何数据类型，并且可以通过索引来访问。
let colors = ['blue', 'green', 'red'];
添加元素：
push () 方法：在数组的末尾添加一个或多个元素，并返回新的数组长度。
let newColors = colors.push('yellow');
unshift () 方法：在数组的开头添加一个或多个元素，并将原来的元素向后移动，并返回新的数组长度。
let newColors2 = colors.push('black');
示例：
<body>
<script>
let colors = ['blue', 'green', 'red'];
let newColors = colors.push('yellow');
let newColors2 = colors.unshift('black');
console.log(colors);
console.log(newColors);
console.log(newColors2);
</script>
</body>
添加的元素是向原数组添加，所以colors是返回添加后的元素
展示效果：
删除元素：
pop () 方法：删除数组的最后一个元素，并返回被删除的元素。
变量名.pop()
shift () 方法：删除数组的第一个元素，并返回被删除的元素。
变量名.shift()
修改元素：
可以直接通过索引来修改数组中的元素。
let scores = [80, 90, 70];
// 注意元素从0开始，第一个元素是0
scores[1] = 95;
console.log(scores); // 输出[80, 95, 70]
查找元素：
indexOf () 方法：返回指定元素在数组中第一次出现的索引，如果不存在则返回 - 1。
let names = ['Alice', 'Bob', 'Charlie', 'Bob'];
let index = names.indexOf('Bob');
console.log(index); // 输出1
lastIndexOf () 方法：返回指定元素在数组中最后一次出现的索引，如果不存在则返回 - 1。
let index2 = names.lastIndexOf('Bob');
console.log(index2); // 输出3
2.变量和常量
var：
var是 JavaScript 中最早用于定义变量的关键字。例如：var x = 10;。
使用var定义的变量会存在变量提升的现象。这意味着变量的声明会被提升到当前作用域的顶部。
let：
let也用于定义变量，它的基本语法和var类似，例如：let z = 30;。
与var不同，let定义的变量不存在变量提升。
const：
const用于定义常量。一旦使用const定义了一个变量并赋值，就不能再重新赋值。例如：const PI = 3.14159;
注意：JavaScript中定义变量或常量不用指定类型。