前言

希望快点把js过完后，过angularJS

知识点

常用的内置对象：Array对象、String对象、Date对象、Math对象
创建对象的和访问对象

对象基础概念

什么是对象？
在JavaScript中所有的事物都是对象：字符串、数组、日期等，我们还可以自己创建对象，将自已的函数和变量封装打包成便捷的容器。而且JavaScript还是基于对象的语言，PS:面向对象和基于对象的区别？？

来自百度：面向对象的三大特点（封装，继承，多态）却一不可。通常“基于对象”是使用对象，但是无法利用现有的对象模板产生新的对象类型，继而产生新的对象，也就是说“基于对象”没有继承的特点。而“多态 ”表示为父类类型的子类对象实例，没有了继承的概念也就无从谈论“多态”。现在的很多流行技术都是基于对象的，它们使用一些封装好的对象，调用对象的方法，设置对象的属性。但是它们无法让程序员派生新对象类型。他们只能使用现有对象的方法和属性。所以当你判断一个新的技术是否是面向对象的时候，通常可以使用后两个特性来加以判断。“面向对象”和“基于对象”都实现了“封装”的概念，但是面向对象实现了“继承和多态”，而“基于对象”没有实现这些，的确很饶口。从事面向对象编程的人按照分工来说，可以分为“类库的创建者”和“类库的使用者”。使用类库的人并不都是具备了面向对象思想的人，通常知道如何继承和派生新对象就可以使用类库了，然而我们的思维并没有真正的转过来，使用类库只是在形式上是面向对象，而实质上只是库函数的一种扩展。面向对象是一种思想，是我们考虑事情的方法，通常表现为我们是将问题的解决按照过程方式来解决呢，还是将问题抽象为一个对象来解决它。很多情况下，我们会不知不觉的按照过程方式来解决它，而不是考虑将要解决问题抽象为对象去解决它。有些人打着面向对象的幌子，干着过程编程的勾当。
在JavaScript中对象是拥有属性和方法的数据

属性和方法

属性是对象的特征、对象的值，方法是数据的执行的动作、行为;
举个例子：汽车是个对象，它的颜色、价格、型号是它的属性，而让它前进、后退、左右转弯则是它的方法

JSON

JSON（JavaScript Object Notation，JavaScript对象表示法）是一种由道格拉斯·克罗克福特构想和设计、轻量级的数据交换语言，该语言以易于让人阅读的文字为基础，用来传输由属性值或者序列性的值组成的数据对象。尽管 JSON 是 JavaScript 的一个子集，但 JSON 是独立于语言的文本格式，并且采用了类似于 C 语言家族的一些习惯。
JSON 数据格式与语言无关，脱胎于 JavaScript，但当前很多编程语言都支持 JSON 格式数据的生成和解析。JSON 的官方 MIME 类型是 application/json，文件扩展名是 .json。

下面给出两个简单的 json 示例

{
   "name" : "zhangsan",
   "age" : 18,
   "gender" : "male"
}

{
    "students": [
        { "firstName":"zhang" , "lastName":"san" },
        { "firstName":"li" , "lastName":"si" },
        { "firstName":"wang" , "lastName":"wu" }
    ]
}

特别需要注意的是

JSON 是一种纯数据格式,它只包含属性,没有方法。
JSON 的属性必须通过双引号引起来。
JSON 要求有两头的 { } 来使其合法。
可以把 JavaScript 对象原原本本的写入JSON数据，比如：字符串，数字，数组，布尔还有其它的字面值对象

常用内置对象介绍

Array对象

1.Array对象的常用属性：length，获取数组的长度 2.常用方法：

concat()方法用于连接两个或多个数组，并返回结果。语法：

arrayObject.concat(arrayX,arrayX,......,arrayX);

举例

var a = [1,2,3];
var b = [4,5,6];
var c =["one","two","three"];
console.log(a.concat(b,c)); //打印结果为：[1, 2, 3, 4, 5, 6, "one", "two", "three"]

join() 方法，将数组转换成字符串。（数组章节有详细介绍，这里不过多的赘述，下面的类似情况同样处理，大家看到这个方法，首先回想一下我们前面所学的知识，如有遗忘，再回去看一看加深记忆）。
pop() 方法，删除并返回数组的最后一个元素。
push() 方法，向数组的末尾添加一个或更多元素，并返回新的长度。

reverse() 方法，颠倒数组的顺序。比如：

var a = [1,2,3,4];
a.reverse();
console.log(a); // a 数组变成：[4, 3, 2, 1]。

shift() 方法，删除并返回数组的第一个元素。
unshift() 方法，向数组的开头添加一个或更多元素，并返回新的长度。

slice() 方法，从某个已有的数组返回选定的元素。语法为：

arrayObject.slice(start,end);
//strat 值是必需的，规定从何处开始选取。
//end 值可选，规定从何处结束选取，如果没有设置，默认为从 start 开始选取到数组后面的所有元素。

如：

var a = [1,2,3,4,5,6];
a.slice(2,5); //结果为[3,4,5]，另外需要注意的是该方法不会修改数组，只是返回一个子数组，a 数组还是 [1,2,3,4,5,6]。

splice() 方法，删除或替换当前数组的某些项目。语法为

arrayObject.splice(start,deleteCount,options)
// start 值是必需的，规定删除或替换项目的位置
// deleteCount 值是必需的，规定要删除的项目数量，如果设置为 0，则不会删除项目。
// options 值是可选的，规定要替换的新项目
// 和 slice() 方法不同的是 splice() 方法会修改数组。

如：

var a = [1,2,3,4,5,6];
a.splice(2,2,"abc");
a; // 最终 a 数组变成了[1, 2, "abc", 5, 6]

sort() 方法，将数组进行排序。语法为：

arrayObject.sort(sortby);
// sortby 是可选的，规定排序顺序，必需是函数。如果没有参数的话，将会按照字母顺序进行排序，更准确的说是按照字符编码（可自行百度了解）的顺序进行排序。如果想按照其他标准进行排序，则需要提供比较函数。

<script>
    var arr1 = ["a","z","k","w","x"];
    document.write(arr1 + "<br />");
    document.write(arr1.sort()+ "<br />" + "<br />");

    var arr2 = [11,55,22,44,66,33];
    document.write(arr2 + "<br />");
    document.write(arr2.sort() + "<br />" + "<br />");

    var arr3 = [1,22,44,6,55,5,2,4,66];
    document.write(arr3 + "<br />");
    document.write(arr3.sort() + "<br />" + "<br />");

    function sortNum1(a,b){
        return a - b;//从小到大排序
    }
    var arr4 = [1,22,44,6,55,5,2,4,66];
    document.write(arr4 + "<br />");
    document.write(arr4.sort(sortNum1) + "<br />" + "<br />");

    function sortNum2(a,b){
        return b - a;//从小到大排序
    }
    var arr4 = [1,22,44,6,55,5,2,4,66];
    document.write(arr4 + "<br />");
    document.write(arr4.sort(sortNum2) + "<br />" + "<br />");
</script>

toString() 方法，把数组转换为字符串，并返回结果。

String对象

1.常用属性，length,获取字符串长度 2.常用方法()：

charAt() 方法，获取指定位置处字符。语法为：

stringObject.charAt(index);
//字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。

如：

var str = "Hello world!";
document.write(str.charAt(2));
//以上代码输出为 l

charCodeAt() 方法，获取指定位置处字符的 Unicode 编码。语法为：

stringObject.charCodeAt(index);
//字符串中第一个字符的下标是 0。如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。

如：

var str = "Hello world!";
document.write(str.charCodeAt(2));
//以上代码输出为 l08

concat() 方法，连接字符串,等效于 “+”，“+” 更常用。与数组中的 concat() 方法相似。
slice() 方法，提取字符串的片断，并在新的字符串中返回被提取的部分（字符串章节有详细介绍，这里不过多的赘述，下面的类似情况同样处理）。
indexOf() 方法，检索字符串。
toString() 方法，返回字符串。
toLowerCase() 方法，把字符串转换为小写。
toUpperCase() 方法，把字符串转换为大写。
replace() 方法，替换字符串中的某部分。
split() 方法，把字符串分割为字符串数组。

Date对象

方法有：

Date()：返回当日的日期和时间。（输出是中国标准时间）
getDate()：从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()：从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth():从 Date 对象返回月份 (0 ~ 11)。
getFullYear():从 Date 对象以四位数字返回年份。
getHours():返回 Date 对象的小时 (0 ~ 23)。
getMinutes():返回 Date 对象的分钟 (0 ~ 59)。
getSeconds():返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds():返回 Date 对象的毫秒(0 ~ 999)。

Math对象

常用的属性有：

E ：返回常数 e (2.718281828…)。
LN2 ：返回 2 的自然对数 (ln 2)。
LN10 ：返回 10 的自然对数 (ln 10)。
LOG2E ：返回以 2 为底的 e 的对数 (log2e)。
LOG10E ：返回以 10 为底的 e 的对数 (log10e)。
PI ：返回π（3.1415926535…)。
SQRT1_2 ：返回 1/2 的平方根。
SQRT2 ：返回 2 的平方根。

常用的方法有：

abs(x) ：返回 x 的绝对值。
round(x) ：返回 x 四舍五入后的值。
sqrt(x) ：返回 x 的平方根。
ceil(x) ：返回大于等于 x 的最小整数。
floor(x) ：返回小于等于 x 的最大整数。
sin(x) ：返回 x 的正弦。
cos(x) ：返回 x 的余弦。
tan(x) ：返回 x 的正切。
acos(x) ：返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。
asin(x) ：返回 x 的反正弦值。
atan(x) ：返回 x 的反正切值。
exp(x) ：返回 e 的 x 次幂 (e^x)。
pow(n, m) ：返回 n 的 m 次幂 (nm)。
log(x) ：返回 x 的自然对数 (ln x)。
max(a, b) ：返回 a, b 中较大的数。
min(a, b) ：返回 a, b 中较小的数。
random() ：返回大于 0 小于 1 的一个随机数。

创建对象和返回对象

通过对象字面量创建

var student = {
  name: 'zhangsan',
  age: 18,
  gender : 'male',
  sayHi: function () {
    console.log("hi,my name is "+this.name);
  }
};

把上面的代码复制到控制台中，然后尝试依次输入下面的代码看看效果

student.name;
student.age;
student.gender; //调用对象的属性
student.sayHi(); //调用对象的方法

通过 new Object() 创建对象

var student = new Object();
  student.name = 'zhangsan',
  student.age = 18,
  student.gender = 'male',
  student.sayHi = function () {
    console.log("hi,my name is "+this.name);
  }

通过工厂函数创建对象

function createStudent(name, age, gender) {
  var student = new Object();
  student.name = name;
  student.age = age;
  student.gender = gender;
  student.sayHi = function(){
    console.log("hi,my name is "+this.name);
  }
  return student;
}
var s1 = createStudent('zhangsan', 18, 'male');

自定义构造函数

function Student(name,age,gender){
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHi = function(){
       console.log("hi,my name is "+this.name);
  }
}
var s1 = new Student('zhangsan', 18, 'male');

new 关键字

构造函数，是一种特殊的函数。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值，总与 new 运算符一起使用在创建对象的语句中。这里有需要特别注意的几点：

构造函数用于创建一类对象，首字母要大写。内部使用 this 关键字给对象添加成员。使用 new 关键字调用对象构造函数。

this 详解

在 JavaScript 中，我们经常会使用到 this 关键字，那么 this 到底指向什么呢？这里有一个口诀：谁调用 this，它就是谁。大家也可以从前面的例子中细细体会一下。

函数在定义的时候 this 是不确定的，只有在调用的时候才可以确定
一般函数直接执行，内部 this 指向全局 window。比如：

function test() {
    console.log(this);
}
test();  //window.test();

遍历对象的属性

通过 for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。比如：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <script>
            var student = {
                name: 'zhangsan',
                age: 18,
                gender: 'male'
            };
            for(var key in student) {
                console.log(key);
                console.log(student[key]);
            }
        </script>
    </body>

</html>

key 是一个变量,这个变量中存储的是该对象的所有的属性的名字。

删除对象的属性

使用 delete 删除对象的属性。比如在控制台中输入以下代码： var student = { name: 'zhangsan', age: 18, gender: 'male' }; student.name; // "zhangsan" delete student.name; student.name; // undefined

挑战：内置对象使用案例

写一个函数，格式化日期对象，最终输入形式为：yyyy/MM/dd HH:mm:ss。比如：写一个函数，格式化日期对象，最终输入形式为：yyyy/MM/dd HH:mm:ss。比如：2019/01/15 14:04:18

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    (function formatDate() {
         var a = new Date();
         var year = String(a.getFullYear());
         var month = String(a.getMonth() + 1);
         var day = String(a.getDate());
         var hour = String(a.getHours());
         var minute = String(a.getMinutes());
         var seconds = String(a.getSeconds());
         month = month >= 10 ? month : '0' + month;
         day = day >= 10 ? day : '0' + day;
         hour = hour >= 10 ? hour : '0' + hour;
         minute = minute >= 10 ? minute : '0' + minute;
         seconds = seconds >= 10 ? seconds : '0' + seconds;
         document.write(year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + seconds)
     })()
</script>
</body>
</html>

2.写一个函数去掉数组中的重复元素。比如有一个数组 array=[“x”,”c”,”a”,”b”,”c”,”b”,”c”]。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function discardRepeat(a) {
        if (!(a instanceof Array)){
            alert("输入的不是数组")
        }
        for(var i=0;i<a.length-1;i++){
            for(var j=i+1;j<a.length;j++){
                if(a[i]==a[j]){
                    a.splice(j,1)
                }
            }
        }
        return a
     }
     array=[1,2,3,4,5,1,2,3,0];
     ret = discardRepeat(array);
     document.write(ret)
</script>
</body>
</html>

写了几个小时，好菜啊，不过自己实现的印象肯定会很深刻

3.写一个函数判断一个字符串中出现次数最多的字符，并统计这个次数。比如有这样一个字符串：”daskljahiagnaknscsjdwfanalvnahdpwod”。

语法：arrayObject.sort(参数) 参数可选，用于规定排序顺序。必须是函数注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序。准确的说：是按照字符编码的顺序进行排序。但要实现默认按字母顺序排序，必须先把数组的元素都转换成字符串。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function countMax(a) {
        if (typeof a != "string") {
            alert('输入的不是string')
        }
        var tmpObj = {};
        for (var i = 0; i < a.length; i++) {
            if(a[i] in tmpObj){
                tmpObj[a[i]] += 1;
            }
            else {
                tmpObj[a[i]] = 1;
            }

        }
        console.log(tmpObj)
        return maxObj(tmpObj)
    }

    function maxObj(x) {
        var max = 0;
        var tmp = '';
        var obj={};
        for (var key in x) {
            if (x[key] > max) {
                max = x[key];
                tmp = key;
            }
        }
        obj[tmp]=max;
        for(var key in x){
            if(x[key] == max){
                obj[key]=max;
            }
        }
        console.log(obj)
        return obj
    }

    aa= prompt("请输入字符串，统计重复次数最多的字符");
    console.log(aa)
    var ret = countMax(aa);
    for (var i in ret) {
        document.write("统计次数最多的字符及次数：" + i+ ret[i])
    }
</script>
</body>
</html>

真渣，整整写了一下午，而且还有问题，第二天还写了半上午；问题主要卡在1.object及String的方法及属性不熟；2.定义函数时，在函数里又定义了一个函数，然后用return返回时，结果上一层的函数生了效；什么意思呢？就是一个函数里只有一个return；尽量不要用嵌套；

Think Deep,Work Lean

Json与Javascript对象

前言

知识点

对象基础概念

属性和方法

JSON

常用内置对象介绍

Array对象

String对象

Date对象

Math对象

创建对象和返回对象

通过对象字面量创建

通过 new Object() 创建对象

通过工厂函数创建对象

自定义构造函数

new 关键字

this 详解

遍历对象的属性

删除对象的属性

挑战：内置对象使用案例

Think Deep,Work Lean

目录

前言

知识点

对象基础概念

属性和方法

JSON

常用内置对象介绍

Array对象

String对象

Date对象

Math对象

创建对象和返回对象

通过对象字面量创建

通过 new Object() 创建对象

通过工厂函数创建对象

自定义构造函数

new 关键字

this 详解

遍历对象的属性

删除对象的属性

挑战：内置对象使用案例