JavaScript的核心（四）--对象、数组

对象

一、构造函数

1. 构造函数是有两个特性的js函数：
   （1）由new运算调用
   （2）传递给她的是一个对新创建的空对象的引用，将该引用作为关键字this的值，而且它还要对新创建的对象进行适当地初始化。

// 建议方法名首字母大写
function Person(name, age) {
    this.name = name;
    this.age = age;
}

// 创建两个Person对象
var person1 = Person("xiaofan", 18);
var person2 = Person("fanfan", 22);

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sum = function(name) {
        console.log("hello: " + name + "!");
    };
}

// 创建两个Person对象
var person1 = Person("xiaofan", 18);
var person2 = Person("fanfan", 22);

二 、this关键字
this是JavaScript语言的一个关键字。

它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。

随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

三、方法
方法（method）其实就是通过对象调用的JavaScript函数。函数就是值，可以将函数赋给任何变量，甚至赋给一个对象的任何属性。

1.方法的定义和调用

function Person() {
	return this.name+this.age;
    }
    var arr=new person('xiaofan',20);
    arr.per=Person;
    var a=arr.per();
}

2.用构造函数定义方法

function Person(name, age)
{
this.name ="xiaofan";
this.age= 20;
}
//使用构造函数产生一个JavaScript对象的实例
var mysite = new Person();
alert(mysite.name);

四、对象的属性和方法

1、toString() 方法返回字符串

语法

stringObject.toString()

2、toLocaleString（）方法可根据本地时间把Date对象转换为字符串，并返回结果。

语法

dateObject.toLocaleString()

返回值

dateObject 的字符串表示，以本地时间区表示，并根据本地规则格式化。

var d=new Date();
var n=d.toLocaleString();
//输出：2020/4/8 下午8:29:13

toString()方法与toLocalString()方法区别：

toLocalString()是调用每个数组元素的 toLocaleString()
方法，然后使用地区特定的分隔符把生成的字符串连接起来，形成一个字符串。

toString()方法获取的是String(传统字符串),而toLocaleString()方法获取的是LocaleString(本地环境字符串)。

LocaleString()会根据你机器的本地环境来返回字符串，它和toString()返回的值在不同的本地环境下使用的符号会有微妙的变化。

所以使用toString()是保险的，返回唯一值的方法,它不会因为本地环境的改变而发生变化。如果是为了返回时间类型的数据，推荐使用LocaleString()。若是在后台处理字符串，请务必使用toString()。

3.valueOf：返回对象的原始值。

var num = new Number(12345);
console.log(num.valueOf());
//结果：12345

二、数组

1、数组的方法

1.join（）方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

var arr = new Array(3)
arr[0] = "hello"
arr[1] = "nihao"
arr[2] = "xioafan"
document.write(arr.join())
//输出：hello,nihao,xioafan

2.arr.reverse() 将数组反转,返回值是反转后的数组

var arr = [1,2,3,4,5]
console.log(arr.reverse())    // [5,4,3,2,1]
console.log(arr)    // [5,4,3,2,1]

3. arr.sort() 将数组进行排序,返回值是排好的数组，默认是按照最左边的数字进行排序，不是按照数字大小排序的

var arr = [2,10,6,1,4,20,3]
console.log(arr.sort())   // [1, 10, 2, 20, 3, 4, 6]
var arr1 = arr.sort((a, b) =>a - b)  
console.log(arr1)   // [1, 2, 3, 4, 6, 10, 20]
var arr2 = arr.sort((a, b) =>b-a)  
console.log(arr2)  // [20, 10, 6, 4, 3, 2, 1]

4.arr.concat() 连接两个数组 返回值为连接后的新数组

var arr = [1,2,3,4,5]
console.log(arr.concat([1,2]))  // [1,2,3,4,5,1,2]
console.log(arr)   // [1,2,3,4,5]

5.str.split() 将字符串转化为数组

var str = '123456'
console.log(str.split('')) // ["1", "2", "3", "4", "5", "6"]

6.arr.push() 从后面添加元素，返回值为添加完后的数组的长度

var arr = [1,2,3,4,5]
console.log(arr.push(5))   // 6
console.log(arr) // [1,2,3,4,5,5]

7.arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素

var arr = [1,2,3,4,5]
console.log(arr.pop())     // 5
console.log(arr)  //[1,2,3,4]

8.arr.unshift() 从前面添加元素, 返回值是添加完后的数组的长度

var arr = [1,2,3,4,5]
console.log(arr.unshift(2))    // 6
console.log(arr)  //[2,1,2,3,4,5]

9. arr.shift() 从前面删除元素，只能删除一个 返回值是删除的元素

var arr = [1,2,3,4,5]
console.log(arr.shift())  // 1
console.log(arr)   // [2,3,4,5]