学习笔记
- 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中定义变量或常量不用指定类型。