Javascript-基础数据类型

2025-03-08 约 1321 字预计阅读 3 分钟

Javascript 基础数据类型

声明定义 // 字面量声明 var num = 1; console.log(typeof num) // number // 数字对象方式声明 var num = new Number(2); console.log(num + 3) // 5
数字方法
整数判断 console.log(Number.isInteger(1.3)) // false
指定返回的小数位数 console.log((12.345).toFixed(2)) // 12.35
NaN - 表示非数字值 var a = ‘123’; console.log(Number(a)); // 123 console.log(isNaN(a)); // false var b = ‘asdf’ console.log(Number(b)); // NaN console.log(isNaN(b)) // true 注意：null，""两个值会被判断为数字，所以使用前应该屏蔽 var a = ‘’; console.log(Number(a)); // 0 console.log(isNaN(a)); // false var b = null console.log(Number(b)); // 0 console.log(isNaN(b)) // false
浮点精度
js语言在浮点数计算时会有精度误差问题 var a = 0.1 + 0.2 console.log(a) // 0.30000000000000004
解决方式 var a = 0.1 + 0.2 console.log(a.toFixed(1)) // 0.3

声明定义 // 字面量声明 var name = ‘小帅’ // 可以使用单引号或者双引号 // 字符串对象方式声明 var name = new String(‘小帅’)
（常用）字符串方法 // 连接运算符 var address = ‘csdn.net’ name = ‘CSDN’ console.log(name + ‘网址为’ + address) // CSDN网址为csdn.net // 获取长度 console.log(‘csdn.net’.length) // 8 // 大小写长度 console.log(‘csdn.net’.toUpperCase()) // CSDN.NET console.log(‘CSDN.NET’.toLowerCase()) // csdn.net // 移除空白 var str = ’ csdn.net ' console.log(str.length) // 14 console.log(str.trim().length) // 获取单字符 console.log(‘csdn.net’.charAt(3)) // n console.log(‘csdn,net’[3]) // n // 截取字符串 var n = ‘csdn.net’.slice(1, 5) // 左闭右开 console.log(n) // sdn. // 查找字符串 console.log(‘csdn.nets’.indexOf(’s’)) // 1 console.log(‘csdn.nets’.indexOf(’s’, 6)) // 8 从第六个字符开始搜索 // 替换字符串 var name = ‘CSDN教育机构’ var changeName = name.replace(‘机构’, ‘课堂’) console.log(changeName) // CSDN教育课堂 // 类型转换（将'2022-01-22’时间格式转换为'2022/01/22’） var time = ‘2022-01-22’ console.log(name.split(’-’)) // [‘2022’, ‘01’, ‘22’] var a = name.split(’-’) console.log(a.join(’/’)) // 2022/01/22

隐式转换几乎所有的类型都可以隐式转换为Boolean类型

基础类型	true	false
String	非空字符串	空字符串
Number	非0的数值	0/NaN
Array	数组不参与比较时	参与比较的空数组
Object	√
undefined		√
null		√
NaN		√
// String
console.log(Boolean(‘123’)) // true
console.log(Boolean(’’)); // false
// Number
console.log(Boolean(1)) // true
console.log(Boolean(NaN)); // false
// Array
var list1 = [];
var list2 = [1, 2]
console.log(Boolean(list1)) // true
console.log(Boolean(list2)) // true
console.log(list2 == true) // false
当其他类型与Boolean类型对比时，会将其他类型先转换为数值类型再对比
console.log(Number(‘123’)); // 123
console.log(‘123’ == true); // false
console.log(‘1’ == true); // true
console.log(Number([])); // 0
console.log([] == true); // false

显式转换 var a = ’’ console.log(!!a) // false a = 0 console.log(!!a) // false a = null console.log(!!a) // false a = 1 console.log(!!a) // true

Undefined/Null
Null和Undefined基本是同义的 undefined == null // true null 是一个表示”无“的对象，转为数值时为0；undefined是一个表示”无“的原始值，转为数值时为NaN。 console.log(Number(null)) // 0 console.log(Number(undefined)) //NaN console.log(5 + undefined) //NaN
Undefined // 变量被声明了，但没有赋值时，就等于undefined var i console.log(i) // undefined // 对象没有赋值的属性，该属性的值为undefined var o = new Obeject() console.log(o.p) // undefined // 函数没有返回值时，默认返回undefined function test(){} console.log(test()) // undefined
Null null // 表示"没有对象", 即此处不该有值用法：（1）作为函数的参数，表示该函数的参数不是对象（2）作为对象原型链的终点 Object.getPrototypeOf(Object.prototype) // null
Symbol（es6的语法）
Symbol（‘name’）生成唯一属性 // 在一个对象中需要增加一个相同的属性名 var xs = {aa : ‘1’} var aa = Symbol(‘aa’) xs[aa] = 2 console.log(xs)