# JavaScript 核心基础和常用方法

TIP

Web 前端入门到精通,关键第一步

# 1、JavaScript 书写位置

名称 描述
script 将 JavaScript 代码写在 html 文件中,例如:
<body>
<script>
           // 此处写 JavaScript 代码
</script>
</body>
/ 引入.js 格式的文件,例如:
<script src="此处写js文件所在的路径"></script>

# 2、输出语句

名称 描述
alert() 弹出警告框
console.log() 控制台输出

# 3、变量

注:ES6 新增变量,会单独分类到 ES6 中

名称 描述
var 使用 var 可以声明变量
例如:var num = 1;表示声明一个名称为 num,值为 1 的变量
变量的合法命名规则:
1、只能由数字、字母、下划线和$组成,但不能以数字开头
2、不建议使用关键字和保留字
3、严格区分大小写,A 和 a 是两个不同的变量

# 4、检测数据类型

名称 描述
typeof 检测值或者变量的数据类型

# 5、NaN 相关知识

名称 描述
NaN 表示非数字,是一个特殊的数值
isNaN() 用来检测一个值是否为 NaN ,是的话返会 true,否则返回 false

# 6、数据类型

类型名称 描述
Number 数值类型,所有的数字不分大小、不分整浮、不分正负,都是数值类型
String 字符串类型,使用双引号或者单引号包裹的值
Boolean 布尔类型,true 表示真,false 表示假
Undefined 1、变量没有赋值,默认为 undefined
2、变量声明提升时,变量的值也为 undefined
3、undefined 的类型也为 undefined
Null null 表示空,用 typeof 检测 null,结果为 object

# 7、字符串的常用属性

属性名称 描述
length 表示字符串的长度

# 8、字符串的常用方法

方法名称 描述
charAt() 获取指定位置的字符
substring() 提取字符串中,介于两个指定下标之间的字符
substr() 在字符串中指定的位置处,提取指定数目的字符
slice() 提取字符串的某个部分,类似于 substring() ,不同之处:
1、substring() 可以自动交换参数的位置,而 slice()不行
2、slice()的第一个参数可以是负数,而 substring()不行
toUpperCase() 把字符串转换为大写
toLowerCase() 把字符串转换为小写
indexOf 返回字符串中指定字符首次出现的索引

# 9、数据类型转换

方法名称 描述
Number() 将其他类型的值转换为数字
parseInt() 可以将参数转成整数
parseFloat() 可以将参数转成浮点数
String() 将其他类型的值转换成字符串
例如:String(123)
toString() 将其他类型的值转换成字符串 ,例如:(5).toString() 和 String()的区别:
1、toString()无法转换 null 和 undefined,String()可以转换 null 和 undefined
2、toString()可增加进制参数,将字符串进行进制转换,String()不能转换进制
3、写法不同,可参考上述例子
Boolean() 将其他类型的值转换为布尔值

# 10、window 下的方法

方法名称 描述
prompt() 弹出输入框

# 11、复杂数据类型

名称 描述
Array 数组
Object 对象
Function 函数

# 12、算术运算符

符号 描述
+ 加法运算符。加号有两种作用,分别是加法和连字符
1、加号两边的操作数都是数字,则为加法
2、有一个操作数为字符串,则为连字符
- 减法运算符
* 乘法运算符
/ 除法运算符
% 取余运算符。例如:a%b 代表 a 除以 b 的余数,8 %5 = 3

# 13、Number 下的方法

方法名称 描述
toFixed() 指定小数点后面的位数

# 14、Math 方法

方法名称 描述
Math.pow(x,y) 返回 x 的 y 次幂(不常用,了解即可)
Math.sqrt() 返回一个数的平方根(不常用,了解即可)
Math.ceil() 向上取整
Math.floor() 向下取整

# 15、关系运算符

符号 描述
> 大于
< 小于
>= 大于等于
<= 小于等于
== 等于
!= 不等于
=== 全等于
!== 不全等于

# 16、逻辑运算符

符号 描述
!
&&
||

# 17、赋值运算符

符号 描述
= 赋值
+= 快捷赋值,例如: a+=1 等价于 a=a+1
-= 快捷赋值,例如: a-=1 等价于 a=a-1
*= 快捷赋值,例如: a*=1 等价于 a=a*1
/= 快捷赋值,例如: a/=1 等价于 a=a/1
%= 快捷赋值,例如: a%=1 等价于 a=a%1
++ 自增运算 ,例如:
var num1 = 3;
num1++
console.log(num1) // num 的值为 4
-- 自减运算,例如:
var num2 = 3;
num2--
console.log(num2) // num2 的值为 2

# 18、条件语句

名称 描述
if 当指定条件为 true 时,执行 if 语句对应的代码
if...else 当条件为 true 时,执行 if 语句对应的代码
当条件为 false 时,执行 else 语句对应的代码
if...else if... 满足条件时,执行它所对应的代码
case 在 switch 中使用,表示要匹配的每一种情况
default 在 switch 中使用,表示默认情况,当不满足所有的 case 条件时,会执行默认情况
switch 根据不同的条件来执行不同的动作。示例:
switch (month) {
    case 1:
        alert("这个月有 31 天")
    break;
    case 4:
        alert("这个月有 30 天")
    break;
    default:
        alert("请输入正确的月份!!")
}
boolean_expression ? true_value : false_value 三元运算符,当条件表达式 boolean_expression 为真,执行表达式 true_value,为假时执行表达式 false_value

# 19、循环语句

名称 描述
for 循环执行一段代码,示例:
for(var i = 0; i <10;i++) {
    console.log(i);
}
while 条件为真时循环执行代码块
do-while while 循环的变体,语法:
do{
    循环体
}while(循环执行条件)
注意事项:
1、do-while 循环在检查条件之前一定会执行一次循环体
2、如果条件为真,就会继续执行循环体
3、如果条件为假,则会终止循环

# 20、break 和 continue 语句

名称 描述
break 用于退出循环
1、在 switch 中使用,用于跳出 switch 语句
2、在循环 for、while 中使用,直接跳出循环
continue 跳出当前循环,继续执行下一次循环

# 21、数组的定义

名称 描述
Array 数组, 用来存储一组值
new 与 Array 结合使用,创建数组,示例:new Array()
(new 是 JavaScript 中的一个关键字,用来实例化对象的,后面的面向对象章节中会有详细的讲解,目前了解即可)

# 22、数组类型的判断

名称 描述
Array.isArray() 检测数据是否是一个数组,返回布尔值

# 23、数组常用的属性

名称 描述
length 返回数组长度

# 24、数组的常用方法

方法名称 描述
push() 在尾部插入新项
pop() 删除数组的最后一项
unshift() 在头部插入新项
shift() 删除数组的第一项
splice() 用于添加或删除数组的元素
slice() 从已有的数组中返回选定的元素
concat() 合并多个数组
reverse() 颠倒数组中元素的顺序
indexOf() 返回指定元素的索引值,如果不存在返回-1
includes() 判断一个数组是否包含指定的值,返回布尔值
sort() 用于数组排序(涉及到函数知识,在函数一节再进行详细的讲解)
join() 将数组转成字符串

# 25、字符串的常用方法

方法名 描述
split() 将字符串转成数组
上次更新时间: 9/29/2024, 9:19:56 PM

大厂最新技术学习分享群

大厂最新技术学习分享群

微信扫一扫进群,获取资料

X