1、Object类型

  对象是某个特定引用类型的实例,新对象有两种创建方式:

  i、使用new操作符调用构造函数来创建。

 var person = new Object();
person.name = "zhangsan";
person.age = 20;

  ii、使用对象字面量表示法来创建对象,可以简化创建包含大量属性的对象的创建过程。

 var person = {
name : "zhangsan",
age : 20
};

  var person = {} <==> var person = new Object();创建一个只包含默认属性和方法的对象。通过对象字面量创建对象时不会调用Object构造函数的.

  对象字面量也是向函数传递大量可选参数的首选方式,通常必须值使用命名参数,而大量的可选参数则用对象字面量封装。这里display方法没有命名参数,可以通过arguments参数对象获取到传入的参数列表。arguments[1]获取到的就是这个匿名对象。访问对象的属性可以 对象.属性 或者 对象["属性"],person.name 或者person["name"]。

function display(){
alert(arguments[0]);
console.log(typeof arguments[1].age);
} display(123, {name : "zhangsan", age : 20});//输出20

2、Array类型

  ECAMScript中的数组每一项可以保存任何类型的数据,也就是说如果第一项保存字符串,第二项可以保存数字...数组的大小可以动态调整,随着数据的添加自动增长以容纳新增数据,java的数组的长度可是不变的,这个数组功能有点强大...javascript数组的这个特性感觉有点像java中List集合。写着写着思考到什么时候在java中用数组或者集合,不跑题。

  创建数组的方式有以下两种:

 //1.
var colors = new Array();
var colors = new Array("red", "blue");//可以省略new操作符,如果看到不要奇怪 //2.利用数组字面量创建数组
var colors = ["red", "blue"];

  数组的length属性:不是只读的,可以通过修改数组的lenght属性改变数组的长度(添加元素,删除元素);

var colors = ["red", "blue"];
colors.length = 3;
console.log(colors[2]); //undefined

  这时数组的长度变成了3,最后这个语句会输出undefined;

  此外利用length属性也可以方便的在数组的末尾添加新项。这个比较有趣...大家都知道数组的下标从0开始,最大下标是lenght-1.

 var colors = ["red", "blue"];
colors[length] = "black"; 

  下面开始介绍数组的具有的功能强大的方法。(并不是所有)

  1、栈方法:栈的数据结构是后进先出
  push(): 把元素添加到数组的末尾,返回数组长度;pop():移除数组末尾最后一个元素,并返回移除的元素。

  2、队列方法:先进先出
  shift():移除数组中的第一项并返回该项,unshift():把元素添加到数组的第一项。

  3、重排序方法:sort()、reverse(),我想这两个方法有什么用处大家看名字就应该知道。下面来看重点了解下sort方法。

 var values = [1, 2, 5, 10, 15];
alert(values.sort());//1,10,15,2,5

  返回的结果有点出乎我们的预料,原因在于即使数组排序的时候全都是数字,比较的也是字符串的大小,就是比较的那个什么码来着...那么要对数字进行正常的排序要怎么解决呢?sort方法可以接收一个比较器方法,当这个返回负数的时候,会把value1放到前面,返回0表示两个值相等,返回正数的话就会把value1放到后面。

 var values = [1, 2, 5, 10, 15];
alert(values.sort(compare)); //1,2,5,10,15
function compare(value1, value2){
return value1 - value2;
}

  4、操作方法

  concat():可以把传入的数组拼接到原数组的末尾
  slice():类似于字符串的截取方法subString
  splice():很强大的一个方法,主要用于向数组中插入项。还可以删除项、替换项。
    删除splice(要删除的第一项位置,要删除的项数),
    插入splice(插入位置,0,插入内容);
    替换splice(位置,替换项数,替换内容);

  5、位置方法

  indexOf():从头开始查找 lastIndexOf():末尾开始查找
  比较用的是全等操作符(===),因此要查找的项必须严格相等。ps:你真的了解JavaScript中的==吗?

  6、迭代方法

  every(), filter():返回符合条件的数组,你要筛选符合某些条件的项时,很有用吧。 foreach(), map():返回进行特定处理的数组, some()。

 var num = new Array(1, 2, 3, 4, 5, 10);
var newArray = num.filter(function(item, index, array){return item > 2;});
alert(newArray);//3, 4, 5, 10

  Over.如果觉得不错,请帮忙点下推荐,给我点动力。另外有错误的地方欢迎大家指出,共同学习进步。感谢您的浏览!

浅析JavaScript引用类型之--Object、Array的更多相关文章

  1. JavaScript引用类型之Object类型

    在JavaScript中大多数的引用类型都是Object的实例,Object类型也是使用最多的类型! 创建Object类型实例的方式有两种,下面分别来分析一下: (1)第一种是使用new操作符后跟Ob ...

  2. JavaScript引用类型之Object类

    ECMAScript中的Object类跟Java中的Object类相似,ECMAScript中的全部类都由这个类继承而来,Object类中的全部属性和方法都会出如今其他类中,所以理解Object类,就 ...

  3. JavaScript引用类型与对象

    1.引用类型 引用类型的值(对象)是引用类型的一个实例.引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法. 对象是某个特定引用类型的实例.新对象是使用new操作符后跟一个构造 ...

  4. JavaScript引用类型

    引用类型虽然看起来和类很相似,但是它们却是不同的概念,引用类型的值,也就是对象是引用类型的一个实例.在Js中引用类型主要有Object,Array,Date,正则,Function等. 数组Array ...

  5. 再谈js对象数据结构底层实现原理-object array map set

    如果有java基础的同学,可以回顾下<再谈Java数据结构—分析底层实现与应用注意事项>:java把内存分两种:一种是栈内存,另一种是堆内存.基本类型(即int,short,long,by ...

  6. Javascript语言精粹之Array常用方法分析

    Javascript语言精粹之Array常用方法分析 1.Array常用方法分析 1.1 Array.prototype.sort() Javascript的默认比较函数假定被排序元素都是字符串,所以 ...

  7. 浅析 JavaScript 中的 函数 currying 柯里化

    原文:浅析 JavaScript 中的 函数 currying 柯里化 何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字 ...

  8. JavaScript数据类型检测 数组(Array)检测方式

    前言 对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof 首先,使用最常用的类型检测工具--typeof运算 ...

  9. 浅析 JavaScript 中的 函数 uncurrying 反柯里化

    柯里化 柯里化又称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是 ...

随机推荐

  1. HDOJ 1069 DP

    开启DP之路 题目:http://acm.hdu.edu.cn/showproblem.php?pid=1069 描述一下: 就是给定N(N<=20)个方体,让你放置,求放置的最高高度,限制条件 ...

  2. 为什么主流网站无法捕获 XSS 漏洞?

    二十多年来,跨站脚本(简称 XSS)漏洞一直是主流网站的心头之痛.为什么过了这么久,这些网站还是对此类漏洞束手无策呢? 对于最近 eBay 网站曝出的跨站脚本漏洞,你有什么想法?为什么会出现这样的漏网 ...

  3. http status 汇总

    http status 汇总 常见HTTP状态码 200 OK 301 Moved Permanently 302 Found 304 Not Modified 307 Temporary Redir ...

  4. awk处理之案例三:awk去掉不需要的文本行

    编译环境 本系列文章所提供的算法均在以下环境下编译通过. [脚本编译环境]Federa 8,linux 2.6.35.6-45.fc14.i686 [处理器] Intel(R) Core(TM)2 Q ...

  5. iOS第三方解决键盘遮挡-IQKeyboardManager

    百度云:http://pan.baidu.com/s/1yg5ae githun:https://github.com/hackiftekhar/IQKeyboardManager AppDelega ...

  6. android真机自动化测试

    appium执行用例时报错问题: 问题解析: 一般该种情况都是因为来连接了多个设备,验证办法:cmd->执行adb devices  看结果是否是多个devices ,如果是这个问题,停掉多余设 ...

  7. shell脚本执行查找进程,然后查杀进程

    shell 执行查找进程,然后查杀进程脚本如下: ps -ef | grep 'IOE' |grep -v 'grep'| awk '{print \$2}' |while read pid; do ...

  8. C#加密算法汇总

    方法一: //须添加对System.Web的引用 using System.Web.Security; ... /// <summary> /// SHA1加密字符串 /// </s ...

  9. hdu 1124 Factorial(数论)

    题意: 求n!的尾0的个数 分析: 0一定是由因子2和5相乘产生的: 2的个数显然大于5的个数,故只需统计因子5的个数 n/5不能完全表示n!中5的个数(egg: 25),应该n/=5后,累加上n/2 ...

  10. linux 下Time_wait过多问题解决

    linux 下Time_wait过多问题解决 net.ipv4.tcp_syncookies = 1表示开启SYN Cookies.当出现SYN等待队列溢出时,启用cookies来处理,可防范少量SY ...