第一百一十三篇: JS数组Array(二)数组方法 栈、队列、排序

第一,百一,十三篇,js,数组,array,方法,队列,排序 · 浏览次数 : 168

小编点评

**1.数组可以像栈一样进行限制插人和删除操作** * **push():**接收任意数量的参数,并将其添加到数组末尾。 * **pop():**用于删除数组的最后一项,同时减少数组的1ength值,返回被删除的项。 **2.队列方法** * **FIFO:**队列以先进先出(FIFO,First-In-First-Out)形式限制访问。 * **LIFO:**队列以后进先出(LIFO,Last-In-First-Out)形式限制访问。 **3.排序方法** * **reverse():**反转数组元素的顺序。 * **sort():**按照官方的说法,这是一个排序方法,默认情况下,sort()会按照升序重新排列数组元素,即最小的值在前面,最大的值在后面。 **4.比较函数** * **compare_1():**如果第一个参数应该排在第二个参数前面,就返回负值;如果两个参数相等,就返回0;如果第一个参数应该排在第二个参数后面,就返回正值。 * **compare_2():**如果第一个参数应该排在第二个参数前面,就返回负值;如果两个参数相等,就返回0;如果第一个参数应该排在第二个参数后面,就返回正值。 * **compare_3():**返回值2 - 值1。 * **compare_4():**返回值1 - 值2。

正文

好家伙, 

 

在上一篇中,我们知道了,

JS的数组中每个槽位可以存储任意类型的数据

那么,我们能通过数组去模仿某些数据结构吗?

答案是肯定的

 

1.栈方法

ECMAScript 给数组提供几个方法,让它看起来像是另外一种数据结构。

数组对象可以像栈一样,也就是一种限制插人和删除项的数据结构。

栈是一种后进先出(LIFO,Last-In-First-Out)的结构,也就是最近添加的项先被删除。

数据项的插入(称为推入,push)和删除(称为弹出,pop)只在栈的一个地方发生,即栈顶

ECMAScript数组提供了push()和pop()方法,以实现类似栈的行为。
push()方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度。

pop()方法则用于删除数组的最后一项,同时减少数组的1ength值,返回被删除的项。

用法示例:

let colors = ["red", "blue", "green"]; //定义一个字符串数组
let cpush = colors.push("black");
console.log(colors,cpush);

let cpop = colors.pop();
console.log(colors,cpop);

 

 

 

 (这张图,没有十年画工画不出来)

 

 

2.队列方法

2.1.正队列

就像栈是以LIFO形式限制访问的数据结构一样,队列以先进先出(FIFO,First-In-First-Out)形式限制访问。

队列在列表末尾添加数据,但从列表开头获取数据。

因为有了在数据末尾添加数据的push()方法,所以要模拟队列就差一个从数组开头取得数据的方法了。

这个数组方法叫shift(),它会删除数组的第一项并返回它,然后数组长度减1。

使用shift()和push(),可以把数组当成队列来使用

 

用法示例:

let colors = ["red", "blue", "green"]; //定义一个字符串数组
let cpush = colors.push("black");
console.log(colors,cpush);

let cshift = colors.shift();
console.log(colors,cshift);
console.log(colors,colors.shift());

 

 

 

 

2.2.逆队列

ECMAScript也为数组提供了unshift()方法。

顾名思义,unshift()就是执行跟shift()相反的操作:在数组开头添加任意多个值,然后返回新的数组长度。

通过使用 unshift()和pop(),可以在相反方向上模拟队列,即在数组开头添加新数据,在数组末尾取得数据, 

用法示例:

let colors = ["red", "blue", "green"]; //定义一个字符串数组
let cunshift = colors.unshift("black");
console.log(colors,cunshift);

let cpop = colors.pop();//将出队元素重新插回队头
colors.unshift(cpop);

console.log(colors,cpop);
console.log(colors,colors.pop());

 

 

 

 (这张图,没有十年画工画不出来)

 

 

3.排序方法

 数组有两个方法可以用来对元素重新排序:reverse()和sort()。

3.1.reverse()反转数组方法

顾名思义,reverse()方法就是将数组元素反向排列。

用法示例:

let colors = ["red", "blue", "green"]; //定义一个字符串数组
colors.reverse();
console.log(colors);

 

 (貌似一些基础面试题会有类似的题目,叫你去反转某个数组,这么干就对了)

 

 

3.2.sort()排序方法

按照官方的说法,这是一个排序方法,

 

默认情况下,sort()会按照升序重新排列数组元素,即最小的值在前面,最大的值在后面。

 

为此,sort()会在每一项上调用string()转型函数,然后比较字符串来决定顺序。

 

但他并不总是能得到正确的排序

let colors = [99999,99,999,9999,9]; 
colors.sort();
console.log(colors);

colors_1 =[9, 99, 999, 9999, 99999];
colors_1.sort();
console.log(colors_1);

colors_2 =[0,1,5,10,15];
colors_2.sort();
console.log(colors_2);

 

 

 这里我们可以看到,第三个例子的排序错误了

 

为此,sort()方法可以接收一个比较函数,用于判断哪个值应该排在前面.

 

 

比较函数接收两个参数,

(1) 如果第一个参数应该排在第二个参数前面,就返回负值;

(2) 如果两个参数相等,就返回0;

(3) 如果第一个参数应该排在第二个参数后面,就返回正值。

function compare_1(valuel, value2){
    if (valuel < value2){
        return -1;
    }
    else if (valuel > value2) {
        return 1;
    }
    else{
        return 0;
    }
}

 

返回-1就不进行交换,返回1将对两个值对调

colors_2 = [0, 1, 5, 10, 15];

//从小到大排序
function compare_1(valuel, value2){
    if (valuel < value2){
        return -1;
    }
    else if (valuel > value2) {
        return 1;
    }
    else{
        return 0;
    }
}

//从大到小排序
function compare_2(valuel, value2){
    if (valuel < value2){
        return 1;
    }
    else if (valuel > value2) {
        return -1;
    }
    else{
        return 0;
    }
}

console.log(colors_2.sort(compare_1));
console.log(colors_2.sort(compare_2));

 

 

如果数组的元素是数值,或者是其valueOf()方法返回数值的对象(如Date对象),这个比较函数还可以写得更简单,

更简便的写法:

colors_2 = [0, 1, 5, 10, 15];
function compare_3(value1, value2){
    return value2-value1;
}

function compare_4(value1, value2){
    return value1-value2;
}
console.log(colors_2.sort(compare_3));
console.log(colors_2.sort(compare_4));

 

 

怎么说呢,感觉这个sort()设计的并不是很好,用起来并不是那么的方便,

要排序的话,或许直接写一个冒泡排序或者快速排序可以解决?

 

又或者是开发者故意开放一个比较函数来让我们编辑的?

JS-数组sort方法用的是哪种排序算法 - 简书 (jianshu.com)

等有了更多知识储备再来回答吧

 

与第一百一十三篇: JS数组Array(二)数组方法 栈、队列、排序相似的内容:

第一百一十三篇: JS数组Array(二)数组方法 栈、队列、排序

好家伙, 在上一篇中,我们知道了, JS的数组中每个槽位可以存储任意类型的数据 那么,我们能通过数组去模仿某些数据结构吗? 答案是肯定的 1.栈方法 ECMAScript 给数组提供几个方法,让它看起来像是另外一种数据结构。 数组对象可以像栈一样,也就是一种限制插人和删除项的数据结构。 栈是一种后进

第一百一十二篇: JS数组Array(一)数组基本用法

好家伙, 1.数组 Array应该就是ECMAScript中最常用的类型了。ECMAScript数组跟其他编程语言的数组有很大区别。 跟其他语言中的数组一样,ECMAScript 数组也是一组有序的数据, 但跟其他语言不同的是,数组中每个槽位可以存储任意类型的数据。 这意味着可以创建一个数组,它的第

第一百一十四篇: JS数组Array(三)数组常用方法

好家伙,本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.数组的复制和填充 批量复制方法 copyWithin(),以及填充数组方法fill()。 这两个方法的函数签名类似,都需要指定既有数组实例上的一个范围,包含开始索引,不包含结束索引。 使用这个方法不会改变数组的大小。 1.1.fi

第一百一十一篇:基本引用类型Date

好家伙,本篇为《JS高级程序设计》第五章的学习笔记 1.基本引用类型 引用值(或者对象)是某个特定引用类型的实例,在ECMAScript中,引用类型是把数据和功能组织到一起的结构,(像极了“类”) 经常被人错误的称作“类”。 虽然从技术上讲JavaScript是一门面向对象语言,但是ECMAScri

第一百一十七篇: JavaScript 工厂模式和原型模式

好家伙,本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式 工厂模式是另外一种关注对象创建概念的创建模式。 它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。 取而代之,一个工厂能提供一个创建对象的公共接口,我们可以在其中指定我们希望被创建的工厂对象

第一百一十五篇: JS集合引用类型Map

好家伙,本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.Map ECMAScript6以前,在JavaScript中实现“键/值”式存储可以使用object来方便高效地完成,也就是使用对象属性作为键,再使用属性来引用值。 但这种实现并非没有问题,为此TC39委员会专门为“键/值”存储定

第一百一十六篇: JavaScript理解对象

好家伙,本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.关于对象 ECMA-262将对象定义为一组属性的无序集合。严格来说,这意味着对象就是一组没有特定顺序的值。 对象的每个属性或方法都由一个名称来标识,这个名称映射到一个值。正因为如此(以及其他还未讨论的原因),可以把 EC

第一百一十篇:内存泄漏和垃圾回收(JS)

好家伙,本篇内容为《JS高级程序设计》第四章的学习笔记 1.内存泄露 1.1.什么是内存泄漏? 内存泄漏(Memory Leak)是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。 内存泄漏缺陷具有隐蔽性、积累性的特征,比其

PerfView专题 (第十三篇):洞察 .NET程序 的非托管句柄泄露

## 一:背景 ### 1. 讲故事 前几天写了一篇 `如何洞察 .NET程序 非托管句柄泄露` 的文章,文中使用 WinDbg 的 `!htrace` 命令实现了句柄泄露的洞察,在文末我也说了,WinDbg 是以侵入式的方式解决了这个问题,在生产环境中大多数情况下是不能走附加进程的模式,所以这也是

[转帖]Redis进阶实践之十三 Redis的Redis-trib.rb脚本文件使用详解

https://www.cnblogs.com/PatrickLiu/p/8484784.html 一、简介 事先说明一下,本篇文章不涉及对redis-trib.rb源代码的分析,只是从使用的角度来阐述一下,对第一次使用的人来说很重要。redis-trib.rb是redis官方推出的管理redis集