JS基础之JS里的数据

JS一共有7中数据类型,其中分为两类:基本类型引用类型

数据类型:

  • 基本类型:
    number
    string
    boolean
    undefined
    null
  • 引用类型:
    object(array和function都属于object类型)

number

number表示数字类型
二进制

var n = 0b11
n //3

八进制

var n = 011
n //9

十进制

var n = 11
n //11

十六进制

var n = 0x11
n //17

String类型

string类型表示字符串类型

var s = 'hello';

可以使用""表示空字符串

var s = "";
s //""

如何输入多行字符串

var s = '12345 \
67890'
s //"12345 67890" 回车也算一个字符

也可以使用+来连接

var s = 'hello' + 
'world!'
s //"helloworld!" 不包含回车

转义符: \

var s = '123\n321'
\n换行
s //123
  //321

ES6语法:

var s = `12345
67890`   //length包含回车
s.length //11

boolean类型

boolean只有两个值:true和false,通常用于条件判断

if(true){
  console.log('正确')
}else{
  console.log('错误')
}
//正确
if(false){
  console.log('正确')
}else{
  console.log('错误')
}
//错误

逻辑判断
&&||
&&表示逻辑与,例如 a && b表示a和b。常用来做逻辑判断

true && true //true
true && false //false
false && false //false

||表示逻辑或,比例a || b表示a或b。

true || true // true
true || false // true
false || false //false

null和undefined
nullundefined都表示空值,但是为什么在JS里会有两个表示空的值呢?
可以理解为这个JS之父设计的一个bug,具体差异如下:

  • 声明一个变量不赋值,默认为undefined
var a
a //undefined
  • 声明一个对象但此时不想赋值,则赋值为null
var a = null
a //null
  • 声明一个变量但没想好给什么值,使用undefined
var a = undefined

最后两点应该算是习俗吧。


object类型
object(对象),是一组key-value(键值对)集合,也可看作是哈希表,是一种无序的复合数据集合。
在命名key时,如果不加引号,则需要遵守命名规则,加上引号可以随意命名。

var obj = {
  name: 'zink',
  age: 20,
  gender: 'man',
}
obj.name //'zink'
obj.age //20
obj.gender //'man'

读取对象中的属性有两种方式:

obj.name //'zink' 这里不是变量
obj['name'] //'zink'
这两种方式是正确的,使用方括号运算符时参数必须是字符串,否则
obj[name] //undefined,这里的参数其实是变量name

var name = 'age'
obj[name] //20  所以在访问对象本身的属性时不要使用这种方式,容易造成混乱,被人骂死。

当key是数字时:

var obj = {
  1: 'zink',
  2: 20,
  3: 'man'
}
此时再使用obj.1是无法访问到属性的值的
obj.1 //报错
这样才是正确的
obj[1] //'zink
obj['1'] //'zink'
这里的数字1会被转换为字符串1

对象当中还可以添加对象,key也可以是空字符串

var parent = {
  name: 'jack',
  age: 30,
  gender: 'man',
  '': '我的key是空字符串',
  child: {
    name: 'baby',
    age: '2',
    gender: 'man'
  }
}
parent.child.name //'baby'
parent.child.age //2
parent.child.gender //'man'
parent[''] //'我的key是空字符串'

delete和in
delete命令用于删除对象的属性,删除成功后返回true。
in运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。

var obj = {
  name: 'zink',
  age: 20,
  gender: 'man'
}
delete obj.name //true
obj //{age: 20, gender: "man"}

'name' in obj //false
'age' in obj //true

但in运算符不能识别哪些属性是对象自身的,哪些是继承的。

var obj = {
  p: 1
}
'toString' in obj //true

上面代码中toString是继承而来而不是自身的。


for..in循环
for...in循环用来遍历一个对象的全部属性。

var obj = {
  name: 'zink',
  age: 20,
  gender: 'man'
}
for(var key in obj){
  console.log(key) //name age gender
  console.log(obj[key]) //'zink' 20 'man'
}
打印出的值的排列顺序并不可信,因为对象本身是无序的复合数据集合。

typeof
typeof运算符可以返回一个值的数据类型。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

通过这个运算符可以发现两个bug
typeof null //object
typeof Function //function

你可能感兴趣的:(JS基础之JS里的数据)