JavaScript的对象+内置对象(Math+Date日期+数组+字符串)

一.创建对象

对象是由属性和方法组成的

创建对象的三种方法:

1.利用字面量创建对象    

var obj={

        uname : '张三疯' ,

        age : 18 ,

        sex : '男' ,

        sayHi : function(){

        console.log('hi~');

        }

}
  1. 里面的属性或者方法采用键值对的形式
  2. 多个属性或者方法用逗号隔开
  3. 方法冒号后面跟的是一个匿名函数

使用对象:

调用对象的属性:

  • 对象名.属性名
  • 对象名[ '属性名' ]

调用对象的方法:

  • 对象名.方法名()        千万别忘记添加小括号

2.利用new Object创建对象

var obj = new Object();
obj.uname = '张三疯';
obj.age = 18;
obj.sex = '男';
obj.sayHi = function(){
    console.log('hi~');
}
  1. 利用等号赋值的方法添加对象的属性和方法
  2. 每个属性和方法之间用分号结束

3.利用构造函数来创建对象

function 构造函数名(){
    this.属性 = 值;
    this.方法 = function(){}
}


new 构造函数名();
  1. 构造函数名字首字母要大写
  2. 构造函数不需要return 就可以返回结果
  3. 调用构造函数必须使用new
  4. 属性和方法前面必须要加this

二.遍历对象

for in 遍历对象

for(var k in obj){
    console.log(k); //k 变量 输出得到的是 属性名
    console.log(obj[k]); //obj[k] 输出得到的是属性值
}

三.内置对象

1.Math对象

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第1张图片


JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第2张图片

 Math.round()        四舍五入

无需使用new


2.Date日期对象

Date() 日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象

var 日期对象名 = new Date();

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第3张图片

 getDay()        获取星期几(星日0到周六6)

时间戳:

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第4张图片


3.数组对象

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第5张图片

检测是否为数组:

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第6张图片

 添加删除数组元素方法:

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第7张图片

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第8张图片

 JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第9张图片

 数组索引方法:

 JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第10张图片

 数组转换为字符串:


4.字符串对象

  • 字符串的不可变性(改变会开辟一个新的内存空间)
  • 字符串所有的方法都不会修改字符串本身,操作完成会返回一个新的字符串

根据字符返回位置:

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第11张图片

根据位置返回字符(重点):

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第12张图片

字符串操作方法(重点):

JavaScript的对象+内置对象(Math+Date日期+数组+字符串)_第13张图片

1.替换字符 replace('被替换的字符' , '替换为的字符')        它只会替换第一个字符

2.字符转换为数组 split('分隔符')

3.        toUpperCase()        转换大写

           toLowerCase()         转换小写

你可能感兴趣的:(javascript,开发语言,ecmascript,web,前端)