Javascript基础篇

2021/10/30 20:14:05

本文主要是介绍Javascript基础篇,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

变量

在这里插入图片描述

  • 控制台打印输出变量age的值
console.log(age);

变量基础知识

变量命名规范

在这里插入图片描述

变量的使用

在这里插入图片描述

  • prompt:输入框(显示输入内容)
  • alert:对话框(将内容弹出来显示)
    在这里插入图片描述
    ps:也可直接早alert里写要输出的内容,注意格式!

更新变量

在这里插入图片描述

声明多个变量

变量间用英文逗号隔开
在这里插入图片描述

声明变量的特殊情况

在这里插入图片描述

变量的数据类型

判断方法

在这里插入图片描述

分类

在这里插入图片描述

  • 简单数据类型
    在这里插入图片描述

数字型number

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述ps:NaN表示非数字型

  • isNaN():用来判断是否为非数字型
    在这里插入图片描述

字符串型string

ps:加了引号的值称为字符串类型
在这里插入图片描述
在这里插入图片描述
例子:
在这里插入图片描述
字符串长度
使用length属性判断
在这里插入图片描述
字符串拼接
在这里插入图片描述
(数值相加,字符相连)
例子1:
在这里插入图片描述
例子2:
在这里插入图片描述

boolean和undefine型

  • Boolean型
    在这里插入图片描述
  • undefine型
    在这里插入图片描述

交互编程小案例

在这里插入图片描述
代码实现:
在这里插入图片描述

检测变量数据类型

-typeof

在这里插入图片描述
ps:在控制台显示蓝色为数字型,黑色为字符串型,undefined和null为浅灰色

字面量

在这里插入图片描述

数值类型转换

转为字符串

在这里插入图片描述

  • 数字型转字符串型:
    1.toString()
    在这里插入图片描述
    2.String()
var num = 10;
consloe.log(String(num));

3.利用+拼接
在这里插入图片描述

转为数字型

在这里插入图片描述
1.parseInt()
在这里插入图片描述
ps:数值是取整数部分
2.parseFloat()
用法和parseInt()一样
在这里插入图片描述
3.Number()
在这里插入图片描述
4.利用算术运算
在这里插入图片描述

转换成布尔值

Boolean():
在这里插入图片描述

计算年龄案例

题目:
在这里插入图片描述
思路:
在这里插入图片描述
代码:
在这里插入图片描述

简单加法器案例

题目:
在这里插入图片描述
思路:
在这里插入图片描述
ps:两个prompt的值相加结果会是字符串类型,所以要进行类型转换

例子:
在这里插入图片描述

小知识

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述



这篇关于Javascript基础篇的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程