JS基础学习---知识总结（一）

一：原型对象

将方法放在对象的原型对象中，也就是放在这个类对象的公共部分中，这样可以节省空间

我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象
如果函数作为普通函数调用prototype没有任何作用
当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__proto__来访问该属性

function Myclass(){

}
var mc = new Myclass();
console.log(mc.__proto__);

当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则使用

	//构造函数
    function Person(name,sex,age) {
      this.name = name;
      this.sex = sex;
      this.age = age;
    }
    //添加sayHello到Person函数的原型对象
    Person.prototype.sayHello = function() {
      alert("我的名字是" + this.name);
    }
    var per = new Person("张三","男",18);
    var per2 = new Person("李四","男",19);
    var per3 = new Person("王五","男",20);
    per.sayHello();

---

二：toString()

当我们直接在页面中打印一个对象时，实际上输出的是对象的toString()方法的返回值
如果我们不希望输出的是[object object]，可以给对象添加一个toString()方法

var per = new Person();
per.toString = function(){
	return "添加一个toString()方法";
};
console.log(per);

---

三：数组

1.数组的基本操作

（1） 创建数组

    //创建数组
    var arr = new Array();

（2）使用字面量创建数组

使用字面量创建数组时，可以在创建时就指定数组的元素

    //创建数组
    var arr = [1,2,3,8,1];

（3）获取数组长度

可以使用length属性来获取数组的长度（元素的个数）
语法： 数组.length
对于连续的数组，使用length可以获取数组的长度
对于非连续的数组，使用length会获取到数组的最大索引+1

    //创建数组
    var arr = [1,2,3,8,1];
    //获取数组长度
    console.log(arr.length);

（4）数组里面的元素可以放任何的数据类型

    //创建数组
    var arr = ["sd",2,true,null,undefined];
    console.log(arr[0]);

2.数组的方法

（1）push()

该方法可以向数组的末尾添加一个或多个元素，并返回数组的新长度
可以将要添加的元素作为方法的参数传递，这样元素就会自动添加到数组的末尾

    //创建数组
    var arr = [1,2,3];
    //输出原数组
    console.log(arr);
    //使用push方法
    var result =  arr.push("张三","李四");
    //输出新数组
    console.log(arr);
    //输出push方法的返回值
    console.log(result);

（2）pop()

该方法可以删除数组的最后一个元素，并将被删除的元素作为返回值返回

    //创建数组
    var arr = [1,2,3];
    //输出原数组
    console.log(arr);
    //使用pop方法
    var result =  arr.pop();
    //输出新数组
    console.log(arr);
    //输出pop方法的返回值
    console.log(result);

（3）unshift()

向数组开头添加一个或多个元素
向前边插入元素后，其他元素索引会依次调整
将新数组的长度作为返回值返回

    //创建数组
    var arr = [1,2,3];
    //输出原数组
    console.log(arr);
    //使用unshift方法
    var result =  arr.unshift("张三","李四");
    //输出新数组
    console.log(arr);
    //输出unshift方法的返回值
    console.log(result);

（4）splice()

可以用于删除数组中的指定元素
使用splice()会影响到原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回
参数：
第一个，表示开始位置的索引
第二个，表示删除的数量

    //创建数组
    var arr = [1,2,3,2,8,9];
    //输出原数组
    console.log(arr);
    //使用splice方法
    var result =  arr.splice(0,3);
    //输出新数组
    console.log(arr);
    //输出splice方法的返回值
    console.log(result);

（5）concat()

可以连接两个或多个数组，并且将新数组返回
该方法不会对原数组产生影响

    //创建数组
    var arr = [1,2,3,2,8,9];
    var arr1 = ["张三","李四"];
    //输出原数组
    console.log(arr);
    //使用concat方法
    var result =  arr.concat(arr1);
    //输出新数组
    console.log(result);

（6）sort()

可以用来对数组中的元素进行排序
也会影响原数组，默认会按照Unicode编码进行排序
即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码来排序
所以对数字进行排序时，可能会得到错误的答案

    //创建数组
    var arr = ["z","s","e","a","c"];
    //输出原数组
    console.log(arr);
    //使用sort方法
    arr.sort();
    //输出新数组
    console.log(arr);

利用回调函数对纯数字数组进行排序
我们可以在sort()添加一个回调函数，来制定排序规则
回调函数中需要定义两个形参
浏览器将会分别使用数组中的元素作为实参去调用回调函数
使用哪个元素调用不确定，但是肯定的是在数组a一定在b前边
浏览器会根据回调函数的返回值来决定元素的顺序
如果返回一个大于0的值，则元素会交换位置
如果返回一个小于0的值，则元素不变
如果返回一个0，则认为两个元素相等，也不变换位置

    //创建数组
    var arr = [6,1,9,4,3,0,2,1];
    //输出原数组
    console.log(arr);
    //使用sort方法
    arr.sort(function(a,b){
        return a - b;
    })
    //输出新数组
    console.log(arr);

3.数组的遍历

    //创建数组
    var arr = [6,1,9,4,3,0,2,1];
    //遍历
    for(var i = 0; i < arr.length; i++)
    {
      console.log(arr[i]);
    }

---

四：Date对象方法

创建一个Date对象
如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间

---

五：Math对象方法

Math对象和其他对象不同的是它不是一个构造函数
它属于一个工具类不需要创建对象，它里面封装了数学运算相关的属性和方法

---

六：字符串的方法

在底层字符串是以字符数组的形式储存

（1）charAt()

可以返回字符串中指定的位置的字符
根据索引获取指定的字符

    //创建字符串
    var str = "Hello World";
    //输出字符串
    console.log(str);
    //使用charAt方法
    var result = str.charAt(2);
    //输出
    console.log(result);

（2）concat()

可以用来连接两个或多个字符串

    //创建字符串
    var str = "Hello World";
    var str1 = "Good bye";
    //输出字符串
    console.log(str);
    //使用concat方法
    var result =  str.concat(str1)
    //输出
    console.log(result);

（3）slice()

可以从字符串中截取指定的内容
不会影响到原字符串，而是将截取到的内容返回
参数：
第一个：开始位置的索引（包括开始位置）
第二个：结束位置的索引（不包括结束位置）

    //创建字符串
    var str = "Hello World";
    //输出字符串
    console.log(str);
    //使用slice方法
    var result =  str.slice(1,5);
    //输出返回值
    console.log("返回值:" + result);

（4）split()

可以将一个字符串拆分为一个数组
参数：
需要一个字符串作为参数，将会根据字符串去拆分数组
如果传递参数为一个空串，则将每一个字符都拆分为数组中的一个元素

    //创建字符串
    var str = "Hello,World,good,bye";
    //输出字符串
    console.log(str);
    //使用split方法
    //即以,为拆分标准
    var result =  str.split(",");
    //输出返回值
    console.log("返回值:" + result);
    //遍历
    for(var i = 0; i < result.length; i++)
    {
      console.log(result[i]);
    }

---