【读书笔记】-- JavaScript数组

数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素。大多数的语言都会要求一个数组的元素是相同类型,但JavaScript数组可以包含任意类型。

var misc = [‘string‘, null, true, 98.4, undefined, NaN,2, { object: true }, Infinity, [‘dd‘, ‘ss‘]];
  console.log(misc.length);//10

长度

数组的length没有上界,如果用大于等于当前length的数字作为下标保存一个元素,那么length会增大来容纳新的元素,而不会发生边界冲突。

          var myArray = [];
            console.log(myArray.length);//0
            myArray[10] = true;
            console.log(myArray.length);//11

ECMAScript标准:数组的下标必须是大于等于0且小于2^32-1的整数。如果执行下面的语句,则数组返回最近的一次长度。

myArray[4294967295] = true;
 console.log(myArray.length);//11

因为在上面代码上执行的,结果为11,如果去掉第三行代码,length为0.

删除

    var misc = [‘string‘, null, true, 98.4, undefined, NaN, 2, { object: true }, Infinity, [‘dd‘, ‘ss‘]];
    delete misc[1];
    console.log(misc.length);//10
    console.log(misc[1]);//undefined

delete方法只删除了元素,并没有删除下标。

 var misc = [‘string‘, null, true, 98.4, undefined, NaN, 2, { object: true }, Infinity, [‘dd‘, ‘ss‘]];
            misc.splice(1, 1);
            console.log(misc.length);//9
            console.log(misc[1]);//true

splice的第一个参数是序号,第二个参数是个数。splice方法在删除元素之后会让后面的元素补齐。Jquery的toArray方法用来转换数组。

方法

通过给Array的原形扩充一个函数,每个数组都会继承这个方法。下面的例子定义了一个reduce方法,接受一个函数和一个初始值为参数,内部会遍历数组调用这个方法。返回计算的结果。然后用来求总和和乘积。

    Array.prototype.reduce = function(f, value) {
                for (var i = 0; i < this.length; i++) {
                    value = f(this[i], value);
                }
                return value;
            };

            var data = [4, 5, 6, 8, 9];

            var add = function(a, b) {
                return a + b;
            };
            var mult = function(a, b) {
                return a * b;
            };

            console.log(data.reduce(add, 0));//32
            console.log(data.reduce(mult, 1));//8640

[]定义数组与{}定义数组的区别

数组为空的时候,值为undefined,{}定义的数组没有length。

            var empty = [];
            var numbers = [‘零‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘, ‘七‘, ‘八‘, ‘九‘];
            console.log(empty[1]);//undefined
            console.log(numbers[1]);//一
            console.log(empty.length);//0
            console.log(numbers.length);//10

            var number_object = { ‘0‘: ‘零‘, ‘1‘: ‘一‘, ‘2‘: ‘二‘, ‘3‘: ‘三‘, ‘4‘: ‘四‘, ‘5‘: ‘五‘, ‘6‘: ‘六‘, ‘7‘: ‘七‘, ‘8‘: ‘八‘, ‘9‘: ‘九‘ };
            console.log(number_object[1]);//一
            console.log(number_object.length);//undefined

numbers继承Array.prototype 而number_object 继承Object.prototype 因此numbers继承了大量有用的方法。不过typeof numbers和typeof number_object 返回的都是object。

 

转换:

Jquery的toArray方法是调用了Array原型的slice方法。主要是用于将元素集合、参数转为数组。因为数组拥有更多方法。

 slice = Array.prototype.slice;
            toArry:function(){
                slice.call(this,0);
            }

不过上面的number_object要转换需要加上length属性。

var number_object = { length:10,0: ‘零‘, 1: ‘一‘, ‘2‘: ‘二‘, ‘3‘: ‘三‘, ‘4‘: ‘四‘, ‘5‘: ‘五‘, ‘6‘: ‘六‘, ‘7‘: ‘七‘, ‘8‘: ‘八‘, ‘9‘: ‘九‘ };
Array.prototype.slice.call(number_object);
//["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"]

如果没有长度,或者长度不对,会返回一个空数组。

判断:

那如何判断一个对象是不是数组呢,通过上面的例子我们知道type of 返回的都是‘object‘,参考Jquery的isArray方法。

 isArry:Array.isArray||function(obj) {
                    return jquery.type(obj) === ‘array‘;
                },
                type: function(obj) {
                    return obj == null ? String(obj) : class2type[toString.call(obj)] || ‘object‘;
                }

class2type这里是一个钩子,包含了所有Object的类型。而这个toString是Object原型的一个方法。

  console.log(Object.prototype.toString.call(numbers));//[object Array]
   console.log(Object.prototype.toString.call(number_object));//[object Object]

而这个原型方法会返回 ‘[object Array]’,[object Boolean],[object Data],[object Function],[object Number],[object RegExp],[object String]几种类型。这样就很方便用来判断。

阅读书目:《JavaScript语言精粹》《Jquery技术内幕》

时间: 05-03

【读书笔记】-- JavaScript数组的相关文章

JavaScript语言精粹读书笔记- JavaScript对象

JavaScript 对象 除了数字.字符串.布尔值.null.undefined(都不可变)这5种简单类型,其他都是对象. JavaScript中的对象是可变的键控集合(keyed collections). 对象是属性的容器,其中每个属性都拥有名字和值. JavaScript中的对象是无类别的(class-free)的.它对新属性的名字和值没有约束. JavaScript包括一个原型链特性,允许对象继承另一对象的属性. 对象的检索: stooge[“first-name”]或者stooge.

读书笔记----JavaScript 权威指南(一)

0.前言 最近小编我刚刚结束上一段的工作,结果立马就马不停蹄的开始了新一轮的工作了,表示无辜,(o′?ェ?`o),程序猿真是个累死人不偿命的工作呀. 今天晚上看到同事新启封的 JavaScript 权威指南,心血来潮的想,如果我能把这个书里面的重点以及具体知识点梳理出来,那么后来的人是不是就能少走一些弯路呢? 抱着这个想法,于是就开始了今天晚上的读书之旅,更由于小编喜欢整理东西这个习惯,才有了此文. 真心希望看到这篇文章的你,能够感受到小编那深沉的爱!~ 1.JavaScript 语法核心 之

[前端JS学习笔记]JavaScript 数组

一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {"json:":"666"}]; console.log(arr.length); 二.JavaScript 数组的两种声明 1.var arr = [元素]; var arr = ["坚持"]; 2.new Array(); 或者 var arr2 =

JavaScript语言精粹读书笔记 - JavaScript函数

JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代码复用.信息隐藏和组合调用. 函数用于指定对象的行为. 函数对象Functions: 在JavaScript中函数就是对象.对象是"键值"对的集合并拥有一个连接到原型对象的隐藏连接. 对象字面量产生的对象连接到Object.prototype.函数对象连接到Function.prototy

网摘读书笔记----javascript语言精粹

原文链接:http://www.cnblogs.com/Cohlint/archive/2012/11/26/2788790.html 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可

《JavaScript权威指南》读书笔记——JavaScript核心

前言 这本由David Flanagan著作,并由淘宝前端团队译的<JavaScript权威指南>,也就是我们俗称的“犀牛书”,算是JS界公认的“圣经”了.本书较厚(有1004页),读起来颇费功夫,但作为JavaScript(下文简称:JS)相关从业者,我还是鼎力推荐,一定要读完这本经久不息,好评如潮的JS“圣经”(如果您有耐心的读完,觉得还不错的,博客最后附有购买本书的优惠券,可自行领取). 说完本书重要性,下面重点介绍一下本书作者写书的逻辑性,简单来说本书分为四部分,第一部分:JS核心:第

读书笔记——javascript变量作用域

<JavaScript权威指南>第6版第三章第10节: 一个变量的作用域(scope)是程序源代码中定义这个变量的区域.全局变量拥有全局作用域,在JavaScript代码中的任何地方都是有定义的.然而在函数内声明的变量只在函数体内有定义.它们是局部变量,作用域也是局部的.函数参数也是局部变量,它们只在函数体内有定义.   在函数体内,局部变量的优先级高于同名的全局变量.如果在函数内声明的一个局部变量或函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖. var scope = 

读书笔记-JavaScript面向对象编程(一)

PDF下载链接: http://pan.baidu.com/s/1eSDSTVW 密码: 75jr 第1章 引言 1.1 回顾历史 1.2 变革之风 1.3 分析现状 1.4 展望未来 1.5 面向对象的程序设计 1.5.1 对象(属性和方法的集合) 1.5.2 类 (相似对象的共同特征,如麻雀.老鹰都是鸟类) 1.5.3 封装 (将属性和方法集合起来,也有封闭作用域的概念,如封装一个播放器对象) 1.5.4 聚合 (将几个对象合并成一个对象) 1.5.5 继承 (一个实例对象继承父级对象的一些

读书笔记-JavaScript中的全局对象

对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性值.比如undefined.Infinity以及NaN.2.全局对象拥有一些常用的属性对象.比如Math.JSON和Number对象均为该全局对象的属性.3.全局对象提供一些全局函数供调用.比如isNaN().isFinite().parseInt()和eval()等.4.全局对象提供一些全局构造器

#学习笔记#——JavaScript 数组部分编程(七)

24.柯里化 首先想解释一下,“柯里化”的意思, [在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术.这个技术由 Christopher Strachey 以逻辑学家 Haskell Curry 命名的,尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的.]——from 百度百科 题目描述 已知 fn 为一个预定义函数,实现函数 curryIt,调用