总结--JS中的引用类型:

    Object类型,Array类型,Boolean类型,Number类型,String类型,Date类型,

    Function类型,RegExp类型,单体内置对象(Global对象,Math对象)

1.Object类型:我们看到的大多数其他对象都可以称为是Object对象

  1)创建Object对象的方式有两种:
    第一种是使用new操作符后跟Object构造函数
      var person =new Object();   //var person ={};
      person.name="yufan";
      person.age=20;
    第二种是使用对象字面量表示法
      var person={
        name:'yufan',
        age:20
      };

 2)访问对象的属性也有两种方法:
      alert(person['name']);
      alert(person.name);

2.Array类型:
  1)创建数组(Array对象)的基本方法有两种:
    --第一种是使用Array构造数组
      var arr=new Array('1',2,'32','ab');
    --第二种是使用数组字面量表示法
      var arr=['1',2,'32','ab'];

2)数组的length属性,表示数组元素的个数
    对于length既可以获取,又可以设置
      var arr=[1,2,3,4,5,6]
      alert(arr.length);  //6
      arr.length=3;
      alert(arr);    //1,2,3

 3)检测数组:Array.isArray()==>确定某个值是不是数组
    --if(Array.isArray(value)){
        //对数组执行某些操作
    }
    注:支持Array.isArray()方法的浏览器有IE9+,Firefox 4+,Safari 5+,Opera 10.5+,Chrome

数组的方法:
  4)转换方法:对于所有的对象都具有toLocaleString(),toString(),valueOf()方法
    数组调用toString()方法:调用了数组每一项的toString()方法,返回数组每一项以逗号分割的字符串
    数组调用valueOf方法:返回的还是数组对象的原始值
      var arr=[1,2,'abc'];
      alert(arr.toString());  //1,2,abc
      alert(arr.valueOf());   //1,2,abc
      alert(typeof(arr.toString()));  //string
      alert(typeof(arr.valueOf()));   //object
      alert(arr); //1,2,abc  alert要接收字符串参数,所以它会在后台调用toString()方法,结果与toString()方法相同
    数组调用toLocaleString()方法(把数组转换为本地字符串):返回与toString(),valueOf()方法相同的值
    但其调用的是数组每一项的toLocaleString()方法,返回数组每一项以逗号分割的字符串
      var arr=[1,2,'abc'];
      alert(arr.toLocaleString());  //1,2,abc
      var person1={
        toLocaleString:function(){
          return 'mike';
        },
        toString:function(){
          return 'nine';
        }
      };
      var person2={
        toLocaleString:function(){
          teturn 'hello';
        },
        toString:function(){
          return 'word';
        }
      };
      var people=[person1,person2];
      alert(people);  //nine,word
      alert(people.toString());   //nine,word
      alert(people.toLocaleString()); //mike,hello

 5)数组的join方法:
      --用分隔符,组合数组元素,生成字符串
       arr.join('-')    //1-2-3-4-5-6

6)数组的添加:(栈方法)
      --arr.push(val)--往数组的末尾添加,返回新数组的长度
      --arr.unshift(val)--从数组的头部添加元素,返回新数组的长度

7)数组的删除:()
      --arr.pop()--从数组的末尾删除,返回删除的项
      --arr.shift()--从数组的头部删除元素,返回删除的项

8)数组的排序(sort):
      --arr.reverse()--颠倒数组中元素的顺序
      --字符串的排序:arr.sort()--sort()方法会调用每个数组项的toString方法,
        然后比较得到的字符串,因此不能对数字进行排序,但可以对字符串排序
          var arr=['zoom','banana','apple']
          arr.sort();  //apple,banana,zoom
      --数字的排序:sort()方法可以接受一个比较函数作为参数,进行数字的排序
        function compare(value1,value2){
          return value1-value2;
        }
        var arr=[5,1,24,12];
        arr.sort(compare);
        alert(arr);   //1,5,12,24

9)数组的splice方法:删除元素/删除并向数组添加新元素,返回新数组
      1)删除:splice(起点,长度)--起点从0开始
        var arr=[1,2,3,4,5,6];
        arr.splice(2,3) //1,2,6
        arr.splice(2,0)    //没有删除,长度为零
      2)插入:splice(起点,长度,元素)
        var arr=[1,2,3,4,5,6];
        splice(2,0,'a','b') //1,2,a,b,3,4,5,6
        splice(2,2,'a','b') //1,2,a,b,5,6

10)数组的连接(concat):谁在前面先写谁
        var a=[1,2,3]
        var b=[4,5,6]
        a.concat(b);  //1,2,3,4,5,6
        b.concat(a);  //4,5,6,1,2,3

11)数组的slice方法:从某个已有的数组返回选定的元素,形成新数组,且对原来的数组没有影响
      当slice有一个参数时:从指定位置-->数组结尾
      当slice有两个参数时:从开始指定位置-->到结束指定位置
      var colors=['red','blue','yellow','black','write'];
      var colors1=colors.slice(1);  //'blue','yellow','black','write'
      var colors2=colors.slice(1,3);  //'blue','yellow','black'

12)位置方法:indexOf()/lastindexOf()
      都接受两个参数:'要查找的项'和(可选的)'表示查找起点位置的索引'
      indexOf:从数组的开头(位置0)往后查找
      lastindexOf():从数组的末尾开始往前查找
      两个方法都返回要查找的项在数组中的位置,没有查找到则返回-1
      var arr=[1,2,5,7,5,9];
      alert(arr.indexOf(5));  //2
      alert(arr.lastindexOf(5)); //4
    注:支持浏览器为:IE9+,Firefox 3+,Opera 9.5+,Chrome

 

Object类型与Array类型的更多相关文章

  1. JavaScript系统学习小结——Object类型、Array类型

    今天学习JavaSript中引用变量中的Object类型和Array类型: 1. Js中大多数引用类型值都是Object类型的实例,Object类型在应用程序中存储和传输数据时,是非常理想的选择: 创 ...

  2. JavaScript的进阶之路(三)引用类型之Object类型和Array类型

    引用类型 Object类型 function a(num){ if(num>3){ a(--num); } console.log(num); } a(5); //如何创建对象的实例 var o ...

  3. 引用类型--Object类型、Array类型

    引用类型的值(对象)是引用类型的一个实例.在ECMAScript中,引用类型是一种数据结构,它描述的是一类对象具有的属性和方法. 对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数 ...

  4. object类型转换为Array类型

    var obj = {a: 1, b: 2, c: 3}; // .... var arr = []; for(var key in obj){ if(!obj.hasOwnProperty(key) ...

  5. 判断javaScript变量是Ojbect类型还是Array类型

      JavaScript是弱类型的语言,所以对变量的类型并没有强制控制类型.所以声明的变量可能会成为其他类型的变量, 所以在使用中经常会去判断变量的实际类型. 对于一般的变量我们会使用typeof来判 ...

  6. js常用API 数据类型 基本类型,基本包装类型,引用类型 Object String Array Boolean Number Date Math

    数据类型 变量.作用域及内存 基础类型(primitive value):Undefined.Null.Boolean.Number和String.这些类型在内存中分别占用固定大小的空间,他们的值保存 ...

  7. 《JavaScript高级程序设计》读书笔记 ---Array 类型

    除了Object 之外,Array 类型恐怕是ECMAScript 中最常用的类型了.而且,ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别.虽然ECMAScript 数组与其他语 ...

  8. javascript数据类型之Array类型

    Array类型 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.而且,ECMAScript中的数组与其他多数语言中的数组有着相当大的区别.虽然ECMAScript数组与 ...

  9. php--->把json传来的stdClass Object类型转array

    php把json传来的stdClass Object类型转array 1.Php中stdClass.object.array的概念 stdClass是PHP的一个基类,即一个空白的类,所有的类几乎都继 ...

随机推荐

  1. HTML第二节课

    表单 <form id="" name="" method="post/get" action=""> &l ...

  2. zk 隐藏网页文件后缀

    前台(test.zul): <a label="隐藏地址" href="/Bandbox/test.html"/> web.xml添加 <se ...

  3. spring security使用数据库管理用户权限

    <authentication-provider> <user-service> <user name="admin" password=" ...

  4. BizTalk开发系列(三十)单向端口实现请求-响应

    BizTalk本质上是异步的消息处理引擎.BizTalk的请求与响应模式是基于异步之上的同步消息交换.消息引擎通过消息的扩展架构链接许 多异步消息,消息的相关集关联请求与响应消息.例如,客户端发送一个 ...

  5. Android课程---Android 如何用滑杆(SeekBar)组件设置图片颜色的透明度(转)

    Android系统支持的颜色是由4个值组成的,前3个为RGB,也就是我们常说的三原色(红.绿.蓝),最后一个值是A,也就是Alpha.这4个值都在0~255之间.颜色值越小,表示该颜色越淡,颜色值越大 ...

  6. situations where MyISAM will be faster than InnoDB

    http://www.tocker.ca/categories/myisam Converting MyISAM to InnoDB and a lesson on variance I'm abou ...

  7. java 打开txt文件或者bat文件

    package open_exe; public class OpenExe { public static void openWinExe() { Runtime rn = Runtime.getR ...

  8. php mysql_num_rows() 与 mysql_affected_rows()

    mysql_num_rows(data) 函数返回结果集中行的数目. data 结果集.该结果集从 mysql_query() 的调用中得到. 此命令仅对 SELECT 语句有效.要取得被 INSER ...

  9. 《Linux内核分析》第七周 读书笔记

    <深入理解计算机系统>CHAPTER7阅读梳理 [学习时间:3hours] [学习内容:链接需要的代码&数据:链接机制:链接生成的目标文件] 一.链接概述 1.链接 定义:链接是将 ...

  10. node 的express 如何接受以一个网站的url作为参数的路由

    获取get参数127.0.0.1:3000/index?id=12 ,这种情况下,这种方式是获取客户端get方式传递过来的值,通过使用req.query.id就可以获得,类似于PHP的get方req. ...