深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)

前端之家收集整理的这篇文章主要介绍了深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

继承是OO语言中的一个最为人津津乐道的概念。 许多OO语言都支持两种继承方式:接口继承和实现继承。 接口继承只继承方法签名,而实现继承则继承实际的方法。 如其所述,由于函数没有签名,在ECMAScript中无法实现接口继承。 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的。

使用这种方式创建对象时,实际上不会调用Object构造函数

开发人员更喜欢对象字面量的语法。

属性的点表示法与方括号表示法的区别

(1)功能上:两者没区别

(2)但是方括号的有点是可以通过变量来访问属性

例如:

点表示法:person.name

方括号表示法:var prop=“name”; person[prop]

(3)还有一个优点是:

如果属性名中包含会导致语法错误的字符或者关键字,保留字时候,使用方括号不会错

例如:person["first name"]="OK";

(4)通常,建议使用点表示法

var colors=[1,2,] //不要这样。这样会创建一个包含2个或3个项的数组 var opy=[,] //不要这样。这样会创建一个包含5个或6个项的数组

这是因为IE8及之前的版本在实现数组字面量方面有bug

使用字面量创建数组时,不会调用Array构造函数

如:var color=[1,3]

color[3]时,数组会自动增加到该索引值加1的长度

这时,color[3]的值就是undefined

属性,可以不断向数组末尾添加新项。

方法 push() pop()

栈是一种数据结构,也就是最新添加的项最早被移除(后进先出)。而栈中项的插入和移除,只发生在一个位置--栈的顶部。 ECMAScript提供了push()与pop()方法来实现这种栈。

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

pop() 方法用于删除并返回数组的最后一个元素。

例子:

方法 shift() unshift()

队列数据的访问规则是先进先出 ECMAScript提供了shift()来实现。 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

方法 sort() reverse()

ECMAScript提供了sort()与reverse()来实现。

sort()会调用每个数组项的tostring()方法,比较得到的字符串来排序。

concat() 方法用于连接两个或多个数组。

方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

方法可从已有的数组中返回选定的元素。

方法:indexOf()与lastIndexOf()

方法

ECMAScript5定义了下列5种方法,该5种方法都接收三个参数:数组项的值,该项在数组中的位置,数组对本身

例子:

2) }) //false 必须每一项都大于2,才返回true var res=num.some(function(item,array){ return (item>2) }) //true 只要有一个大于2,就返回true var res=num.filter(function(item,array){ return (item>2) }) //[3,4] var res=num.forEach(function(item,array){ return (item>2) }) //[1,4,9,16]

javascript 数组对象中的迭代方法

  • 进行迭代的函数接受三个参数,第一个是数组中要进行迭代的元素的值,第二个是数组候总要进行迭代的元素的位置,第三个是迭代数组本身。

    1. every() 对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true
    1. filter() 对数组中的每一项运行给定的函数,返回该函数返回true的项组成的数组。
    1. forEach() 对数组中的每一项运行给定的函数,这个方法没有返回值
    1. map() 对数组中的每一项运行给定的函数,返回每次函数调用的结果组成的数组
    1. some() 对数组中的每一项运行给定的函数,如果该函数对任意一项返回true,则返回true
  • 这些迭代方法支持的浏览器有,IE9+,Firefox2+,Safari3+,Opera 9.5+,chrome
    */
    var num = [1,5,6,7,8,9];
    var everyResult = num.every(function(item,array) {
    if(item > 2) {
    return true;
    }
    });
    alert(everyResult);
    var someResult = num.some(function(item) {
    if(item > 2) {
    return true;
    }
    });
    alert(someResult);
    var filterResult = num.filter(function(item) {
    if(item > 2) {
    return true;
    }
    });
    alert(filterResult);
    var mapResult = num.map(function(item) {
    if(item > 2) {
    return true;
    }
    });
    alert(mapResult);
    var forEachResult = num.forEach(function(item) {
    if(item > 2) {
    return true;
    }
    });
    alert(forEachResult);

  • 原文链接:https://www.f2er.com/js/51375.html

    猜你在找的JavaScript相关文章