2020-10-31

2020-10-31  本文已影响0人  二荣xxx

今天学了JS的数据类型和基本用法,然后我就来总结一下吧!

Js的基本数据类型

Number  数字  
String  字符串  
Bool  布尔  
Symbool  符号  
Undefined
Null
Object
1、bool
bool只有两个值:true和false
false又有6个falsy(是false又不是false)的值
分别为:undefined、null、NaN、''(空字符串)、0(零)以及
document.all(为了区别IE和其他浏览器,在IE上为真,其他浏览其上为假)

undefined:是默认的空值
null:是主动赋予的空值
2、变量声明

注意:声明时即指定了值,也指定了类型

let a=1  // 新语法
const a=1 //声明时必须赋值,有且仅有一次赋值,且不能再改

JS基本用法

1、对象定义:

无序数据的集合、键值对的集合

2、写法:
let obj = {'name':'frank','age':18} 
let obj = new Object({'name':'frank'})
console.log ({'name':'frank'})  //匿名对象
 //name是键key,frank和18是值value;key和value就是键值对

注意:
键名是字符串,引号内可包含任意字符
引号可省略,省略后只能是标识符
就算引号省略了键名也是字符串

3、删除对象的属性
delete obj.xxx 或 delete obj['xxx']  //即可删除obj的xxx属性

例子

var obj = {name:'frank','age':18}
删除'name'属性:delete obj.name 或 delete obj ['name'] //属性、值、槽位一起删除
删除'age'的值:obj.age = undefined //只删除值

验证方法

'name' in obj === false //表示name不存在
'name' in obj && obj.xxx === undefined //表含属性名,但值为undefined
obj.xxx === undefined //不能断定xxx是否为obj的属性
4、查看对象的属性(读属性)
obj.['key'] //[]语法
obj.key //点语法
Object.keys/values(obj) //查看自身所有属性/值
console.dir (obj) //查看自身+共有属性,dir:目录
obj 或 Object.entrise(obj) //查看自身的属性和值
obj.hasOwnProperty('toString') //判断一个属性是自身的还是共有的

注意:读对象的属性时,如果使用 [ ] 语法,那么 JS 会先求 [ ] 中表达式的值,注意区分表达式是变量还是常量。如果使用点语法,那么点后面一定是 string 常量。

5、修改或增加对象的属性

注意:无法通过自身修改或增加共有属性

直接赋值
let obj = {name:'frank'} //name是字符串
obj.name = 'frank' //name是字符串
obj.['name'] = 'frank' / obj.['na'+'me'] = 'frank'

先声明 let key = 'mane'
obj[key] = 'frank' //key是变量

批量赋值
object.assign(obj,{age:18,gender:'man'})
6、'name' in obj和obj.hasOwnProperty('name') 的区别
'name' in obj  表示查看属性是否存在(去原型找) //存在返回true
obj.hasOwnProperty('name') 判断一个属性是自身的还是共有的 (不去原型找)//自身的返回true

结语:这就是我今天的全部总结了,感谢浏览!

上一篇 下一篇

猜你喜欢

热点阅读