对象编程：理解、创建与应用-优快云博客

本文链接：https://blog.youkuaiyun.com/MoYuP_ENG/article/details/126038882

对象

概念

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

为什么需要对象？

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

利用字面量创建对象

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

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("分割字符")