Js基础之数据类型

1.基本数据类型

• number 数字型

• string 字符串型

• 布尔型

• undefined 未定义型

• null 空类型

1. 引用数据类型

   object对象

js弱数据类型的语言，只有当我们赋值了，才知道是什么数据类型

let num = 'pink'
console.log(num)

string类型

let str = 'pink'
let str = "pink"
let srt = `pink`   //都可以声明
let str ='123' //包含了单引号就是字符串类型
console.log('str')  //同样打印字符串str

注意事项: 1.无论单引号或是双引号必须成对使用

2.单引号/双引号可以互相嵌套，但是不以自已嵌套自已(口诀:外双内单，或者外单内双

3.必要时可以使用转义符\，输出单引号或双引号

布尔型

console.log(3>4) 
let isCool = false
console.log(isCool)

undefined 未定义类型

未定义是比较特殊的类型，只有一个值 undefined。

什么情况出现未定义类型?

只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

let age   //声明变量但是未赋值
document.write(age) //输出undefined
​
null 和 undefined 区别:
undefined 表示没有赋值
null 表示赋值了，但是内容为空

算数运算符

+ - * / %
//计算圆的面积
分析:
面积的数学公式:π*r2(平方)
转换为JavaScript写法:变量*r*r
​
//1.页面弹出输入框
let r= prompt('请输入圆的半径:')
//2、计算圆的面积(内部处理)
let re =3.14 *r *r 
//3、页面输出
document.write(re)

NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果

console.log('老师'-2)  // NaN

NaN 是粘性的。任何对 NaN 的操作都会返回 NaN

console.log(NaN + 2)  // NaN

模板字符串

语法:

``(反引号)

在英文输入模式下按键盘的tab键上方那个键(1左边那个键)

内容拼接变量时，用 ${}包住变量

<script>
   let age = 18
   document.write(`我今年${age}岁了`)
</script>

题目：

页面弹出对话框，输入名字和年龄，页面显示:大家好，我叫xxx，今年xx岁了

let uname = prompt('请输入您的姓名:')
let age = prompt('请输入您的年龄:')
// 输出
document.write(`大家好，我叫${uname},我今年${age}岁了`)

通过 typeof 关键字检测数据类型

typeof 运算符可以返回被检测的数据类型

1.作为运算符:typeof x (常用的写法)

2.函数形式: typeof(x)

let num=10
console.log(typeof num)
let str = 'pink'
console.log(typeof str)
let str1 ='10'
console.log(typeof str1)
let flag = false
console.log(typeof flag)

类型转换

隐式转换：

小技巧：

+号作为正号解析可以转换成数字型 任何数据和字符串相加结果都是字符串

显示转换：

let str ='123'
console.log(Number(str))
​
let num = Number(prompt('输入年薪'))
console.log(num)
​
let num = prompt('输入年薪')
console.log(Number(num))
​
let num = +prompt('输入年薪')
console.log(num)

parseInt(数据)：只保留整数

paresFloat(数据)：可以保留小数

console.log(parseInt('12px'))   //12
console.log(parseInt('12.34px'))  //12
console.log(parseInt('12.94px'))   //12
​
console.log(parseFloat('12px'))// 12
console.log(parseFloat('12.34px'))// 12.34
console.log(parseFloat('12.94px'))// 12.94

题目：

// 1.用户输入  prompt 得到是字符串类型要转换为数字型
let num1 = +prompt('请输入第一个数字:')
let num2 = +prompt('请输入第二个数字:')
// 2.输出
alert(`两个数相加的和是:${num1 + num2}`)

综合案例

需求:用户输入商品价格和商品数量，以及收货地址，可以自动打印订单信息

//1.要先写页面布局
//2.用户输入
let price = +prompt('请输入商品价格:')
let num = +prompt('请输入商品数量:')
let address =prompt('请输入收获地址:')
//3.计算总额
let total = price*num
//4.页面打印渲染
document.write(`
<table>
<tr>
  <th>商品名称</th>
  <th>商品价格</th>
  <th>商品数量</th>
  <th>总价</th>
  <th>收货地址</th>
</tr>
<tr>
  <td>小米青春版PLUS</td>
  <td>${price}元</td>
  <td>${num}</td>
  <td>${total}元</td>
  <td>${address}</td>
 </tr>
</table>`)
​