ECMAScript 5.0 基础语法（下）“稍微重点一点点”

接上篇

七、常用内置对象（复杂数据类型）（重点）

　　(1)数组Array　　

　　　　创建：例  var colors = ['red','blue','green']       #推荐这样，因为简单粗暴

　　　　或：var colors = new Array();

　　　　　　color[0] = 'red';

　　　　　　color[1] = 'blue';

　　　　　　color[2] = 'green';           #很繁琐，忘了它吧

　　　　数组的常用方法：

　　　　　　

 //数组的合并concat()
         var north = ['北京','山东','天津'];
         var south = ['东莞','深圳','上海'];
         var newCity = north.concat(south);
         console.log(newCity)

         //join() 将数组中的元素连接起来，变成一个新的字符串
         var score = [98,78,76,100,0];
         var str = score.join('|');
         console.log(str);//"98|78|76|100|0"

         //slice(start,end);返回数组的一组数据，顾头不顾尾
         var arr = ['张三','李四','王文','赵六'];
         var newArr  = arr.slice(1,3);
         console.log(newArr);//["李四", "王文"]

         //pop 移除数组的最后一个元素
         var arr = ['张三','李四','王文','赵六'];
         arr.pop();
         console.log(arr);//["张三", "李四"，"王文"]

         //push 向数组最后添加一个元素
         var arr = ['张三','李四','王文','赵六'];
         arr.push('小马哥');
         console.log(arr);
         //["张三", "李四"，"王文"，"赵六"，"小马哥"]

         //reverse()翻转数组
         var names = ['alex','xiaoma','tanhuang','angle'];
         names.reverse();
         console.log(names);

         //sort 对数组排序
         var names = ['alex','xiaoma','tanhuang','abngel'];
         names.sort();
         console.log(names)；// ["alex", "angle", "tanhuang", "xiaoma"]

         //isArray 判断是否为数组
         布尔类型值 = Array.isArray(被检测的值)

数组常用方法的例子

　　(2)字符串string

　　

     //chartAt() 返回指定索引的位置的字符

     var str = 'alex';
     var charset = str.charAt(1);
     console.log(charset);//l

     //concat 返回字符串值，表示两个或多个字符串的拼接

     var str1 = 'al';
     var str2  = 'ex';
     console.log(str1.concat(str2,str2));//alexex

     //replace(a,b) 将字符串a替换成字符串b

     var a = '1234567755';
     var newStr = a.replace("4567","****");
     console.log(newStr);//123****755

     //indexof() 查找字符的下标，如果找到返回字符串的下标，找不到则返回-1 。跟seach()方法用法一样

     var str = 'alex';
     console.log(str.indexOf('e'));//
     console.log(str.indexOf('p'));//-1

     //slice(start，end) 左闭右开 分割字符串

     var str = '小马哥';
     console.log(str.slice(1,2));//马

     //split('a',1) 以字符串a分割字符串，并返回新的数组。如果第二个参数没写，表示返回整个数组，如果定义了个数，则返回数组的最大长度

     var  str =  '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
     console.log(str.split('a'));
     //["我的天呢,", "是嘛,你在说什么呢?", "哈哈哈"]

     //substr(statr,end) 左闭右开

     var  str =  '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
     console.log(str.substr(0,4));//我的天呢

     //toLowerCase()转小写

     var str = 'XIAOMAGE';
     console.log(str.toLowerCase())；//xiaomage

     //toUpperCase()转大写

     var str = 'xiaomage';
     console.log(str.toUpperCase());//XIAOMAGE

string字符串常用方法的例子

　　(3)Math内置对象

　　

     //Math.ceil() 向上取整，'天花板函数'

     var x = 1.234;
     //天花板函数  表示大于等于 x，并且与它最接近的整数是2
     var a = Math.ceil(x);
     console.log(a);//

    // Math.floor 向下取整，'地板函数'

     var x = 1.234;
     // 小于等于 x，并且与它最接近的整数 1
     var b = Math.floor(x);
     console.log(b);//

    // 求两个数的最大值和最小值

     //求 两个数的最大值 最小值
     console.log(Math.max(2,5));//
     console.log(Math.min(2,5));//

     //随机数 Math.random()

     var ran = Math.random();
     console.log(ran);   //[0,1)；

math的应用例子

　

八、函数（重点）

　　无需多说，哪门语言中，函数应用都很频繁，当然重要。作用就是，规范，简洁，不low。

 //js中声明函数
         function add(x,y){
             return x+y;
         }
         console.log(add(1,2));      //function相当于python中的def

         //伪数组arguments
         fn(2,4);
         fn(2,4,6);
         fn(2,4,6,8);

         function fn(a,b,c) {
             console.log(arguments);
             console.log(fn.length);         //获取形参的个数
             console.log(arguments.length);  //获取实参的个数

             console.log("----------------");
         }
         //之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例：

         fn(2,4);
         fn(2,4,6);
         fn(2,4,6,8);

         function fn(a,b) {
             arguments[0] = 99;  //将实参的第一个数改为99
             arguments.push(8);  //此方法不通过，因为无法增加元素
         }

         //清空数组的几种方式：

            var array = [1,2,3,4,5,6];
         array.splice(0);      //方式1：删除数组中所有项目
         array.length = 0;     //方式2：length属性可以赋值，在其它语言中length是只读
         array = [];           //方式3：推荐

函数例子

九、对象Object（重点）

　　1.使用Object或对象字面量创建对象

　　2.工厂模式创建对象

　　3.构造函数模式创建对象

　　4.原型模式创建对象

 /*
             // 1.使用Object或对象字面量创建对象

             // 对象 是属性和方法
             var person =  new Object();
             console.log(person);
             console.log(typeof person);

             // 给对象赋值
             person.name = 'alex';
             person.age = 20;
             person.fav2 = function(){

             }
             console.log(person);
             // var favfn = function(){
             //     // this 指的是当前的对象 跟python中的self类似
             //     console.log(this.name);
             // }
             var person2 = {
                 name:'wusir',
                 age:26,
                 fav:function(){
                 // this 指的是当前的对象 跟python中的self类似
                 console.log(this.name);
                 }
             }

             console.log(person2);

             person2.fav();
             */
     // 提问： 能不能像工厂车间一样，车床 不断生产对象  ？ 工厂模式创建对象

     /*
     // 2.工厂模式创建对象
     function createPerson(name, age) {
         var o = new Object();
         o.name = name;
         o.age = age;

         return o;
     }

     var person1 = createPerson('alex', 20);
     var person2 = createPerson('alex2', 20);
     var person3 = createPerson('alex3', 20);
     var person4 = createPerson('alex4', 20);

     // instanceof
     console.log(person1 instanceof Object);
     console.log(person2 instanceof Object);

     function createFruit(name, age) {
         var o = new Object();
         o.name = name;
         o.age = age;

         return o;
     }

     var f = createFruit('苹果',.2);
     console.log(f instanceof Object)

 */

     // 3.构造函数模式创建对象  构造函数可以创建对象  使用new 关键字来创建对象   函数名首字母大写
     // new Array()
     // new Object()
     // new String()

     /*
     function Person(name, age) {
         this.name = name;
         this.age = age;
         this.alertName = function() {
             alert(this.name);
         }
     }

     function Fruit(name, age) {
         this.name = name;
         this.age = age;
         this.alertName = function() {
             alert(this.name);
         }
     }

     var p1 = new Person('alex1', 20);
     p1.alertName();

     var f1 = new Fruit('香蕉',30);
     f1.alertName();

     console.log(p1 instanceof Person);
     console.log(f1 instanceof Fruit);

     console.log(p1 instanceof Object);
     */

     // 4.原型模式创建对象 propotype  它是当前对象的父类

     function Person(name,age){
         this.name  = name;
         this.age = age;

     }

     Person.prototype.alertName = function(){
         alert(this.name);
     };

     var p1  = new Person('alex',20);
     var p2  = new Person('alex2',23);

     // 内存地址 和值
     console.log(p1===p2);

     p1.alertName();
     p2.alertName();

对象Object

十、JSON（重点）

　　JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

 /*
         // json 是一个轻量级的数据交换格式，json有两种结构：对象 和数组

         // 1.对象
         // var person = {
         //     name:'zhangsan '
         // }

         // var packJSON = {"name":"alex","pwd":123};
         // console.log(packJSON);

         // 2.数组  是值的有序集合
         var packJSON = [{"name":"alex","pwd":123},{"name":"wusir","pwd":123}]
         console.log(packJSON);
         */
         // json对象和json字符串转换
         // 在数据传输过程中，JSON通常是以字符串的形式传递，但是js更喜欢操作JSON对象，所以Jjson对象和json字符串转换非常重要

         /*重要
         var jsonStr = '{"name":"alex","pwd":123}';

         // (1)json字符串=》json

         var jsonobject = JSON.parse(jsonStr);
         console.log(jsonobject);

         // (2) 将json对象=》 json字符串
         var jsonStr2 = JSON.stringify(jsonobject)
         console.log(jsonStr2);
         console.log(typeof jsonStr2);
         */
         // 3.遍历JSON对象和JSON数组
         // （1）遍历JSON对象

         /*
         var packJSON = {"name":"alex","pwd":123};

         // for  in

         for(var k in packJSON){
             // k指的是键值的索引
             console.log(k+' '+packJSON[k])
         }

         */
         // (2) 遍历JSON数组
         var packJSON = [{"name":"alex","pwd":123},{"name":"wusir","pwd":123}];

         for(var i in packJSON){
             console.log(i+'  ' + packJSON[i].name + ' ' + packJSON[i].pwd );

         }

json例子

下篇（完）！