JavaScript Array常用方法

1.模拟数据结构栈

pop()从数组尾部弹出一个元素并返回弹出的元素。尾部是指索引最大的元素。数组的长度会减 1;
push(); //从数组的尾部压入一个元素,并返回数组的新长度 ,数组长度+1
// 栈方法:可以对比弹夹
// 数组可以通过 push 和 pop 两个方法形成栈数据结构。
var t = ['a', 'b', 'c', 'd', 'e', 'f'];
console.log(t.length)
console.log(t);
t.pop();
console.log(t);
// 从数组的末尾弹出一个元素。并返回弹出的数组元素。数组的长度-1
t.pop();
console.log(t);
// 压入一个元素。
var r = t.push(3);
console.log(r);
console.log(t);
栈是一种数据结构,特点就是 后入先出。

2.数组模拟队列

shift();//从数组的头部弹出一个元素,并返回此元素
unshift()//从数组的头部压入一个元素,并返回 length
数组模拟队列.png
用 push 和 shift 方法可以将数组模拟成队列的数据结构。
// 用数组模拟队列数据结构
var t = [];
// 往队列里面放入 1, 2, 3 三个元素。
t.push(1);
t.push(2);
t.push(3);
console.log(t);
// 出队一个元素。 1
console.log(t.shift());
console.log(t);
// 再出队一个元素。
console.log(t.shift()); //2
console.log(t);
// 队列的特点就是先进先出。
栈和队列的数据结构总结:
栈数据结构: 先进后出。
队列数据结构: 先进先出。

3.排序方法

reverse();//对原数组进行逆序
Reverse 方法可以对原数组的数据进行逆序,原来的数组会收到影响。
var t = ["a", "b", "c", "d", "e"];
t.reverse();
console.log(t);
// ["e", "d", "c", "b", "a"]
sort();//转成字符串排序
sort 方法对原数组进行排序,会对原数组有影响,默认从升序(从小到大)进行排序。
排序比较的算法是利用字符串比较的算法,如果是其他类型的元素,会先转成字符串再进行比较。
// 对数组进行排序
var t = ['c', 'b', 'd', 'e', 'a'];
console.log(t);
t.sort(); // 对数组中的元素进行排序
console.log(t);
// => ["a", "b", "c", "d", "e"]
// 如果是数字进行排序
var arr = [33, 10, 1, 22, 12, 222, 30];
console.log(arr);
// sort 方法是按照字符串进行比较大小规则计算排序的。
// 如果数组中的元素不是字符串类型会转成字符串后进行比较。
arr.sort();
console.log(arr);
// => [1, 10, 12, 22, 222, 30, 33]

4. sort 排序高级应用

函数可以作为参数传递给其他函数进行使用。函数本身也是很一个对象。这就是函数式编程的要诀。
数组的 sort 方法可以接收一个类型为函数的参数,此函数接收两个参数,要求返回值为:负数, 0,
正数。如果返回负数代表第一个参数小于第二个参数,0 为相等,正数则大于
[1, 3, 20, 11, 9].sort(function (a, b) {
    if( a > b) {
        return 1;
    } else if( a == b) {
        return 0;
    } else {
        return -1;
    }
});
// 此函数接收两个参数,要求返回值为:负数, 0, 正数。如果返回负数代表第一个参数小于第二个参
   数,0 为相等,正数则大于
// 定义一个变量,变量的类型的是 function
var compareFun = function (a, b) {
    return a - b; // a ==b, a-b =0 a<b, a-b =负数
};
var m = [ 3, 20, 10 , 9, 11, 12];
console.log(m);
// 默认是转成字符串后比较大小。
// m.sort();
// console.log(m);
// 利用函数式编程,sort 方法可以接受一个比较大小的函数,例如数值比较大小的方法进行排序。
// m.sort(compareFun);
// console.log(m);
// 进一步优化。由于匿名函数只用一次,没有必要创建一个变量。直接可以吧匿名函数的表达式传递到 
   sort 函数里去就行。
m.sort(function(a, b) {
    return a-b;
});
console.log(m);

5 数组的连接方法

concat();
连接原数组的元素和传递的参数形成一个新数组并返回,不影响原来的数组。
如果传入的参数是数组,会把数组中的元素跟原数组的元素进行合并成一新数组。
[1, 2,3].concat(9,1,4); // => [1, 2, 3, 9, 1, 4]
[1, 2,3].concat([9,true]); // => [1, 2, 3, 9, true]
[1, 2,3].concat([9,true, ['22',4, 9], 33])
//=> [1, 2, 3, 9, true, Array(3), 33]
var t = [1, 2, 3];
console.log(t);
// 调用数组的链接方法,不会影响原来的数字,函数会返回一个新的拼接的数组。
var newArr = t.concat('ss', true, 222);
console.log(t); // => [1, 2, 3]
console.log(newArr);
var newArr2 = t.concat(['laoma', 'beijing', 999]);
console.log(newArr2);
join();
可以把数组的元素(项)连接成字符串,接收一个参数为连接符号,默认是逗号,返回的结果为字符串。
[1, 2, 3].join(); //=> 1,2,3
[4,true, 3].join(“-”) ; // => 4-true-3
var t = [1, 2, 3];
// toString 方法会把数组转成字符,重写了原型的方法。
// 把数组中的元素都转成字符串然后用逗号分隔不同的元素。
console.log(t.toString());
// join 方法也可以将数组转成字符串,默认跟 toString 一样。
console.log(t.join());
// join 发方法可以传一个参数,用来分隔数组中的元素
console.log(t.join('-'));
console.log(t.join('|'));

6.slice 方法

slice();//复制数组的一部分
截取数组的一个片段或者子数组
接收 1 个到 2 个参数。参数:截取数组起始索引和结束索引
如果只指定一个参数代表:从索引位置到数组结尾。
参数如果是负数代表从数组末尾计算索引位置。
此方法只能从数组前面往后面截取,如果第二个参数在第一个参数的前面则返回空数组[];
数组只能往后截取,不能向前截取,如果向前截取返回[]
此方法对原数组没有影响。
m = [1,2,3,4,5];
m.slice(2); //=>[3, 4, 5]
m.slice(-3); //=>[3, 4, 5]
m.slice(3, 4);//=> [4]
m.slice(-3, -1);//=>[3, 4]
var t = [0,1,2,3,4,5];
console.log( t );
// slice:复制数组的一部分。
// 传一个参数时候,是从参数的索引位置开始截取到数组的最后。
var a1 = t.slice(2); //从索引位置 2 开始截取到数组的最后。
// a1= [2, 3, 4, 5]
console.log( a1 );
// 传两个参数:从第一个参数作为索引位置开始,到第二个参数作为索引前面的那个元素结束,截取数组
   切片。对原数组没有任何影响。
var a2 = t.slice(2, 5); // a2=> [2,3,4]
console.log(a2);
console.log(t); // [0, 1, 2, 3, 4, 5] 对原数组没有影响
// 如果传递 的是负数,那么从数组结尾开始计算。 但是不要用。
// slice 方法只能往后截取,如果往前截取返回[];
var a3 = t.slice(-3, -1); // a3 => [3,4]
console.log(a3);

7.splice 方法

在原数组上进行插入或者删除数组元素,会影响原来数组。
返回的结果是删除的元素组成的数组。
参数:可以接受 1 个参数,2 个参数或者 2 个以上的参数。
第一个参数是删除数据的索引位置
第二个参数是要删除数组元素的个数
第三个参数开始是要插入到原数组中的元素,插入的位置从第一个参数所在的索引开始。
//删除数据
[1, 2, 3, 4, 5].splice(2);//=> [3, 4, 5] 原数组:[1,2]
[1, 2, 3, 4, 5].splice(3,2);// =>[4, 5] 原数组:[1,2,3]
[1, 2, 3, 4, 5].splice(-2); // =>[4, 5] 原数组:[1,2,3]
a = [1,2,3,4,5];
a.splice(3,2,33,'222',[99,98]);//=>[4,5]
//a=>[1, 2, 3, 33, "222", Array(2)]
//插入数据:
a=[1,2,3]; a.splice(1,0,5,6);//=>[] a=[1,5,6,23]
//替换数据:
a=[1,2,3];a.splice(1,1,4);//=>[2] a=[1,4,3]

8.数组继承的方法

• toString()方法
• 它会将数组中的每个元素转成字符串并用逗号连接起来。
• 类似join()方法的默认情况。
• [1, 3, 5].toString();//=> “1,3,5”
• toLocalString()方法
• valueOf()方法

9.数组案例

数组数据:[90, 8, 34, 2, 39, 87, 22, 10]
1.将数组内容进行反序
2.求一个数据数组中的最小值及它的索引
3.求一个数组中的数据的平均值与和。
4.数组的数据进行排序
5.给定一个数组,请去掉数组中的重复数据。
6.冒泡排序算法
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容

  • 创建数组 通过一个数字参数,创建指定长度的数组 通过一个非数字参数 或 多个参数创建一个拥有元素的数组 通过直接量...
    欧阳小龙虾阅读 234评论 0 0
  • Array作为JavaScript中的高频使用对象,拥有十分丰富的方法,能够帮助我们快速处理常见问题。 这一节中,...
    中年小钢炮阅读 210评论 0 3
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,231评论 0 4
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,122评论 0 21
  • 以模拟公司为团队形式。每个团队选出自己的CEO、CFO、销售总监、网络自媒体达人、创意总监、宣传总监。 CEO:首...
    赵扬帆阅读 464评论 0 0