JS对象整理-前端初学

JS对象整理

1.什么是对象?

对象就是属性和方法的结合体(万物皆对象)

对象是一种复合数据类型或者引用类型

2.对象的分类

1)内置对象:JS语言规范定义的对象

2)自定义对象:由用户自己定义的对象

3.定义对象

1)实例化方式:

var obj=new Object();//创建一个对象

obj.name=‘小汽车’;

obj.color=‘红色’;

obj.smg=function(){//定义对象内的方法

console.log(‘这是汽车的详细信息’);

};

2)字面量方式:

var obj={

name:’张三’;

age:18;

weight;’180kg’;

like:function(){

console.log(‘爱好是敲代码’);

};

};

4.对象属性和方法的操作:

属性和方法的新增和修改与数组相似

不同点:删除对象的方法和属性用delete obj.属性名/方法名

delete专门用来删除对象的属性和方法,并且会更新对象长度和索引

5.遍历对象:

for(let i in obj){

console.log(‘键名:’,I,’键值:’,obj[i]∫);

};

6.方法中的this

当一个函数当做对象的属性的时候,通过函数调用这个方法,函数中的this就指向调用函数的对象自身

7.基本类型与引用类型的区别

1)都是数据类型

2)数据的值都存储在内存中

3)程序在运行时会根据类型划分内存区域,最主要的区域是堆和栈

4)栈的内存固定,堆是动态分配内存

5)所有的变量都存储在栈内存

6)基本数据类型的值直接存储在栈内存中,而引用类型的值存储在堆内存中,栈内存中存储的是引用类型的内存地址

8.String对象

JS中字符串对象可以是基本类型也可以是引用类型,具体由用户创建方式而定

var str=‘abcd’;//基本数据类型

var str=new String(‘abcd’);引用数据类型

9.字符串的属性和方法

1)属性length字符串长度

str=‘abcd’;

srt.length;

2)str.indexOf(字符串,开始位置);可返回某个指定的字符串首次出现在字符串的位置并返回索引,若未找到则返回-1

3)str.substr(开始位置,抽取数量);抽取指定范围内的字符串并返回,开始位置和数量都为整数,开始位置若为负数,则表示从尾部(-1)开始抽取,抽取数量若未设置,则表示抽取直到字符串结束

4)str.toLowerCase();将字符串转换为小写

5)str.toUpperCase();将字符串转换为大写

 

通过字符串方法可以实现过滤非法字符/验证用户名,密码,手机号长度等表单验证工作

10.Number()对象

num.toFixed(整数);把数字转换为字符串,并规定显示几位数的小数(0~20之间)

11.Math对象

Math.PI;  圆周率

Math.abs(x); 绝对值

Math.ceil(x); 向上取整

Math.floor(x); 向下取整,一般做倒计时,秒杀类的页面

Math.max(x); 返回最大值

Math.min(x); 返回最小值

Math.random(x);返回范围0~1的随机数,包含0不包含1

Math.round(x);   四舍五入

获取范围内随机整数的方法:

function.randomInt(min,max){

retrun Math.floor(Math.random()*(max-min+1)+min);

}

12.Date对象

创建Date对象

var date=new Date();

Date对象常用方法

date.getFullYear();获取一个四位数的年份

date.getMonth();获取月

date.getDate();获取日

date.getHours();获取小时

date.getMinutes();获取分钟

date.getSeconds();获取秒

date.getMilliseconds();获取毫秒

date.getDay();获取星期几(以数字显示)

date.getTime();获取距1970年1月1日0时0分0秒之间的毫秒(时间戳)

date.toLocaleString();把本地时间转换为字符串,并返回,相当于中文时间