不论什么一种语言数组都是比較重要的,其作为一种基础对象应用非常多,如Java你肯定少不了集合(List,Map)这些。因此本篇主要记录JS的数组使用和经常用法。要点例如以下:

1,数组创建

两种方式:

var stu = new Array();
var stu1 = [];

这就和定义对象一样:

var cat = new Object();
var cat1 = {};

推荐用后者,比較简洁。如:

var score = [1, 2, 3];

数组里的东西能够是不同类型的,数组里面能够是基础类型也能够是对象或数组:

var array = [
163,
"netease",
{color: "red"},
[],
true
];
console.log(array[0]);
console.log(array[2].color);

再来个:


2,length()函数,得到数组的长度
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
console.log(stu.length); // 3
stu = [];
console.log(stu.length); //0

通过stu[i]訪问并改动第i个元素.

3,indexof()函数。假设能找到返回找到的索引,找不到返回-1。勇于推断一个元素在不在数组里
var tel = [101, 110, 139];
var index = tel.indexOf(101);
console.log(index);
4,forEach()函数
forEach 须要接受一个回调函数
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
var add5 = function(item, number, array){
item.score += 5;
};
stu.forEach(add5);
console.log(stu[0].score);

这个回调对输入參数有要求,各自是当前的item,item的索引和整个array.forEach就会自己主动遍历每一行,然后将每一行都送给callback函数进行处理。


5,reverse()函数,将数组倒序
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
stu.reverse();
console.log(stu[0].score);

6,array.sort()函数。该函数传入一个callback,很相似java的排序
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
var bySocre = function(a, b){
return b.score - a.score;
}
stu.sort(bySocre);
var print_callback = function(item, number, array){
console.log(item.score);
}
stu.forEach(print_callback);

备注:

a,假设callback里返回false。则a排在b的前面。

假设return的是b - a,则是从大到小排,反之是从小到大排。 
b,sort直接改变了原数组。
c,假设callback不传,则依照unicode码自小到大排序:
var names = ["yanzi", "gg", "ww"];
names.sort();
var print_callback = function(item, number, array){
console.log(item);
}
names.forEach(print_callback);

7,array.push()
在已有数组末尾后面加元素。能够加多个。

8,array.unshift()
在数组的開始位置加入元素。
演示样例代码:
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
stu.push({id:4, score:100});
stu.unshift({id:5, score:99});
var print_callback = function(item, number, array){
console.log(item.id);
}
stu.forEach(print_callback);

9,array.shift() 返回第一个元素,同一时候在原数组里删除第一个元素。

10,array.pop() 返回最后一个元素。同一时候在原数组里删除最后一个元素。

11,array.splice(a, b, C)须要传入三个參数,各自是从位置a開始,删除b个元素,然后插入元素C。C能够是多个
演示样例代码:
var stu = [
{id:1, score : 80},
{id:2, score : 75},
{id:3, score : 90},
];
stu.splice(1,1,{id : 5, score:100});
var print_callback = function(item, number, array){
console.log(item.id);
}
stu.forEach(print_callback);

备注:假设splice第三个參数不传入,则仅仅删除。假设第二个參数传0。则仅仅插入,不删除。


总结:reverse,sort, push, unshift, shift, pop, splice都有一个共同特点,都改变了原来的数组。



12,array.slice(start, end)从索引start到end-1拷贝出来一份返回。

假设end參数不传。则截取到最后一个位置。

13,array.concat(a, b):将数组a和数组b连接到一起。

14,array.join(a)对array每一个元素用a拼接起来。假设什么都不传。默认用。号进行切割。

15。array.map()需传入一个回调,回调须要return,默认将return的东西push到一个新的array.
var scores = [80, 75, 90];

var addScore = function(item, index, array){
return item + 5;
}
var scoresNew = scores.map(addScore);
var print_callback = function(item, number, array){
console.log(item);
}
scoresNew.forEach(print_callback);

16,array.reduce()
须要一个callback作为參数,callback(preResult, item, index, array),看一个求和的样例.
var scores = [80, 75, 90];

var sum = function(preresult, item, number, array){
return preresult + item;
}
var sum2 = scores.reduce(sum, 0);
console.log(sum2);

总结:slice, concat, join, map, reduce不会改动原数组。

网易前端微专业,JavaScript程序设计基础篇:数组的更多相关文章

  1. java程序设计基础篇 复习笔记 第一单元

    java语言程序设计基础篇笔记1. 几种有名的语言COBOL:商业应用FORTRAN:数学运算BASIC:易学易用Visual Basic,Delphi:图形用户界面C:汇编语言的强大功能和易学性,可 ...

  2. Java语言程序设计基础篇第10版第5章习题答案

    5.1 1 public class Demo { public static void main(String[] args) { // 创建一个输入对象 java.util.Scanner inp ...

  3. java程序设计基础篇 复习笔记 第二单元

    1原始数据类型(primitive data type) == 基本类型 (fundamental type)byte short int long float double char boolean ...

  4. java程序设计基础篇 复习笔记 第七单元&&第八单元

    7.1 int[][] triArray{ {1}, {1,2}, {1,2,3}, }; 7.2 array[2].length 8.1 Unified Modeling Language:UML ...

  5. java程序设计基础篇 复习笔记 第六单元

    第六章 一维数组 1 数组初始化语法 array initializer 2 for each loop 3 off-by-one error 通常是在循环中该使用<的地方使用了<= 4 ...

  6. java程序设计基础篇 复习笔记 第五单元

    1. method header: modifier, return value type, method signature(method name, parameter) method body ...

  7. java程序设计基础篇 复习笔记 第四单元

    1 think before coding code incrementally 2 sentinel value sentinel-controlled loop 3 输入输出重定向 > &l ...

  8. java程序设计基础篇 复习笔记 第三单元

    1 单向if语句 双向if语句 dangling else switch:char,byte,short,int 2 javax.swing.JOptionPane.showConfirmDialog ...

  9. Web安全工程师(网易微专业Web安全学习笔记)

    本篇笔记的配套视频:网易云课堂,微专业/web安全工程师. 一.WEB基础知识 1.1 Web简介 1.1.1 Web介绍 1)web的发展 web1.0:以内容为中心,网站提供内容信息,用户进行访问 ...

随机推荐

  1. poppler交叉编译

    项目须要生成和打开pdf文件,编译了pdflib库,能够使用.可是上面有水印. ..假设是商业用途去水印的话须要获得许可. 没办法.换呗. 然后就是poppler,这个库的功能非常强大,里面更是增加了 ...

  2. Broadcast-广播的接收

    至于广播的意思,不再赘述,直接看它的使用 先看代码 package com.example.test1123; import android.annotation.SuppressLint; impo ...

  3. jmeter分布式测试的坑(转)

    本文转自:https://www.cnblogs.com/lsjdddddd/p/5806077.html 有关jmeter分布式测试的环境配置,大概就是那样,但是每次想要进行jmeter分布式测试的 ...

  4. 【例题 8-3 UVA - 1152】4 Values whose Sum is 0

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 显然中间相遇. 自己写了个hash处理一下冲突就可以了. [代码] /* 1.Shoud it use long long ? 2. ...

  5. 【Educational Codeforces Round 35 D】Inversion Counting

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 排列中交换任意两个数字. 排列的逆序对个数的奇偶性会发生变化. 翻转这个过程其实就是len/2对数字发生交换. 交换了偶数次的话,不 ...

  6. mysql-cacti-templates-1.1.2.tar.gz 免费下载 cacti MySQL添加监控

    cacti MySQL添加监控 1. 安装监控插件 wget http://mysql-cacti-templates.googlecode.com/files/mysql-cacti-templat ...

  7. 如何从mysql数据库中取到随机的记录

    如何从mysql数据库中取到随机的记录 一.总结 一句话总结:用随机函数newID(),select top N * from table_name order by newid() ----N是一个 ...

  8. FAILOVER详细步骤

    FAILOVER详细步骤 1.Flush主库任何未传输的redo到目标备库 如果primary可以mount,则可以flush任何主库的未传输redo到备库,如果操作成功返回,则可以保证failove ...

  9. MySQL和SqlServer的区别

    一.查看表结构数量等mysql语句: -- 查看系统内所有数据库 show databases: -- 查询数据库内所有表 show tables; -- 显示表结构 desc 表名; sql ser ...

  10. JNI之——Can't load IA 32-bit .dll on a AMD 64-bit platform错误的解决

    转载自:http://blog.csdn.net/l1028386804/article/details/46605003 在JNI开发中,Java程序需要调用操作系统动态链接库时,报错信息:Can' ...