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
结语:这就是我今天的全部总结了,感谢浏览!