对象及内置对象

对象

概念

对象是一组无序的相关属性和方法的集合
属性:事物的特征,在对象中用属性来表示(常用名词)
方法:事物的行为,在对象中用方法来表示(常用动词)

为什么需要对象?

对象中为每项数据设置了属性名称,可以访问数据更语义化,数据结构清晰,表意明显,方便开发者使用

利用字面量创建对象 

就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;

var star = {    

name : 'pink',    

age : 18,    

sex : '男',    

sayHi : function(){

       alert('大家好啊~');    }

};

对象的使用
对象的属性:存储具体数据的项
对象的方法:存储函数的项
访问对象的属性:
                console.log(star.name)     // 调用名字属性
                console.log(star['name'])  // 调用名字属性
调用对象的方法:
                star.sayHi();              // 调用 sayHi 方法,注意,一定不要忘记带后面的括号

变量、属性、函数、方法总结

变量:单独声明赋值,单独存在
属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征
函数:单独存在的,通过“函数名()”的方式就可以调用
方法:对象里面的函数称为方法,方法不需要声明,使用“对象.方法名()”的方式就可以调用,方法用来描述该对象的行为和功能。

利用 new Object 创建对象 

创建空对象

var andy = new Obect();    Object() :第一个字母大写   

给空对象添加属性和方法

andy.name = 'pink';
andy.age = 18;
andy.sex = '男';
andy.sayHi = function(){
    alert('大家好啊~');
}

利用构造函数创建对象

封装格式:

function 构造函数名(形参1,形参2,形参3) {
     this.属性名1 = 参数1;
     this.属性名2 = 参数2;
     this.属性名3 = 参数3;
     this.方法名 = 函数体;
}

调用格式

var obj = new 构造函数名(实参1,实参2,实参3)

obj即接收到构造函数创建出来的对象

注意事项
            1.   构造函数约定首字母大写。
            2.   函数内的属性和方法前面需要添加 this,表示当前对象的属性和方法。
            3.   构造函数中不需要 return 返回结果。
            4.   当我们创建对象的时候,必须用 new 来调用构造函数。

new关键字的作用

1. 在构造函数代码开始执行之前,创建一个空对象;
2. 修改this的指向,把this指向创建出来的空对象;
3. 执行函数的代码
4. 在函数完成之后,返回this---即创建出来的对象

遍历对象

for...in 语句用于对数组或者对象的属性进行循环操作。

for (var k in obj) {
    console.log(k);      // 这里的 k 是属性名
    console.log(obj[k]); // 这里的 obj[k] 是属性值
}

语法中的变量是自定义的,它需要符合命名规范,通常我们会将这个变量写为 k 或者 key

内置对象

概念

JS 语言自带的一些对象,提供了一些常用的或最基本而必要的功能(属性和方法)
JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象
JavaScript 提供了多个内置对象:Math、 Date 、Array、String等

Math对象

Math 对象不是构造函数
跟数学相关的运算(求绝对值,取整、最大值等)
获取指定范围内的随机整数:

 function getRandom(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min; 
}

日期对象

Date是一个构造函数,使用时需要实例化(new)后才能使用其中具体方法和属性
获取总毫秒数

 // 实例化Date对象
var now = new Date();
// 1. 用于获取对象的原始值
console.log(date.valueOf())    
console.log(date.getTime())    
// 2. 简单写可以这么做
var now = + new Date();            
// 3. HTML5中提供的方法,有兼容性问题
var now = Date.now();

数组对象

创建数组的两种方式

字面量方式:var arr = [1,"test",true];
new Array()
var arr = new Array();
可以在创建数组时传入参数:
                        如果只传入一个参数,则参数规定了数组的长度
                        如果传入了多个参数,则参数称为数组的元素

检测是否为数组

instanceof 运算符

var arr = [1, 23];
var obj = {};
console.log(arr instanceof Array); // true
console.log(obj instanceof Array); // false

Array.isArray()

var arr = [1, 23];
var obj = {};
console.log(Array.isArray(arr));   // true
console.log(Array.isArray(obj));   // false

添加删除数组元素的方法

push(参数):末尾添加一个或多个元素,并返回新的长度
pop(无参数):删除数组的最后一个元素,数组长度减一,返回删除的元素值
unshift(参数):数组的开头添加一个或多个元素,并返回新的长度
shift(无参数):删除数组的第一个元素,数组长度减一,返回第一个元素的值

数组排序
revese(无参数):翻转数组,返回新数组
sort():
                如果传入“function(a,b){ return a-b;}”,则为升序
                如果传入“function(a,b){ return b-a;}”,则为降序

数组索引方法
indexOf():数组中查找给定元素的第一个索引,存在返回索引号,不存在返回-1
lastIndexOf():数组中查找给定元素的最后一个索引,存在返回索引号,不存在返回-1

数组转换为字符串
toString():数组转字符串,逗号分隔每一项
join(‘分隔符’):把数组中的所有元素转换为一个字符串

字符串对象

基本包装类型:
把简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法

字符串的不可变:
指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间

根据字符返回位置
indexOf()
lastIndexOf()
案例:查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数

var str = 'abcoefoxyozzopp';
        var index = str.indexOf('o'); //先找出第一个O的位置
        var num = 0; //声明一个用来计数的变量
        while (index !== -1) {
            console.log(index); //输出第一个o的位置
            num++; //计o出现的次数
            index = str.indexOf('o', index + 1); //index+1 是跳过第num个o的位置
        }
        console.log('o 出现的次数是:' + num);

根据位置返回字符
charAt(index):返回指定位置的字符(index字符串的索引号)
charCodeAt(index):获得指定位置处字符的ASCLL码
str[index]:获取指定位置处字符
案例:判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符,并统计其次数

  var o = {}; //声明一个空的对象
        for (var i = 0; i < str.length; i++) {
            var chars = str.charAt(i); //获取索引号为i处的字符
            if (o[chars]) { //判断对象o中是否存在该字符
                o[chars]++; //存在就+1
            } else {
                o[chars] = 1; //不存在就将其赋值为1
            }
        }
        var max = 0; //声明一个用来存储每一个比较的最大值
        ch = ''; //声明一个空的字符来存储出现最多的字符
        for (var k in o) { //遍历对象o
            if (o[k] > max) {
                max = o[k];
                ch = k;
            }
        }
        console.log(max);
        console.log('出现次数最多的是:' + ch);

字符串操作方法
字符串通过基本包装类型可以调用部分方法来操作字符串

substr(start,length):从start位置开始,length取的个数
replace():字符串.replace(被替换的字符串, 要替换为的字符串);
split():字符串.split("分割字符")

简单数据类型和复杂数据类型

简单数据类型
在存储时变量中存储的是值本身,包括string ,number,boolean,undefined,null
栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;
简单数据类型存放到栈里面

存储方式
值类型变量的数据直接存放在变量(栈空间)中

传参
把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量

复杂数据类型
在存储时变量中存储的仅仅是地址(引用),通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等
堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收

存储方式
引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中

传参
把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值