Javascript查漏补缺-数组

最近搜寻资料时候发现了几张js知识导图,闲来无事就当温习了一下


一、创建方法

这几个使用的是Array构造函数
空数组: var obj = new Array();
指定长度的数组:var obj = new Array(20);
指定元素的数组:var obj = new Array("red","blue","black");
另一种是使用数组字面量表示法:
三个字符串的数组:var obj = ["red","blue","green"];
空数组:var name = [];

二、基本操作

存取数组元素:
1)、单维数组:数组名[下标所索引] =》 obj[2];
2)、多维数组:数组名[外层数组下标][内层数组下标] =》obj[2][3]
增加数组:使用“【】”运算符指定一个新下标 =》 obj[3] = "yellow"
删除数组:delete数组名[下标] =》 delete obj[3];(删除之后原来元素会变成undefined)
遍历数组:for(var 数组元素变量in数组)

三、数组属性

引用数组对象的构造函数:constructor
数组的长度:length
通过增加属性和方法扩展数组定义:prototype

四、方法

1)、添加
push():在数组末尾添加数组 =》 arr.push("yellow","pupple")
unshift():在数组头部添加元素 =》 arr.unshift("green")
concat():合并两个数组 =》 arr1.concat(arr2)

2)、删除
pop():删除并返回数组的最后一个元素 =》 arr.pop()
shift():删除并返回数组的第一个元素 => arr.shift()

3)、子数组
splice(): 注意:此方法会直接修改数组本身!
PS:该方法可接受三个参数:
index(必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。)
howmany(必需。要删除的项目数量。如果设置为 0,则不会删除项目。)
item1, ..., itemX( 可选。向数组添加的新项目)

删除任意数量的项:(要删除的起始下标,要删除的项数)=》arr.splice(1,2)
表从第一个开始,删除两个元素,包括第一个

在指定位置插入指定项:(起始下标,0[不删除任何元素],要插入的项) =》arr.splice(2,0,"yellow","red")
表示在索引为2的地方插入后面两个元素

替换任意数量的项:(起始下标,要删除的项数,要插入的项)=》arr.splice(0,2,"6")
表示从索引为0的开始,选取两个元素,替换成后面的元素

slice(): 注意:此方法不会修改数组本身!
从已有数组中选取部分元素构成新数组
PS:该方法可接受两个参数:
start(必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。)
end(可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从start到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。)
=》arr.slice(0,2)
表示从索引0开始,取两个元素,注意包含第0个元素但不包含第2个元素

4)、数组排序
reverse()
颠倒数组元素的顺序=》arr.reverse()

sort()
排序数组,默认的话,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
比较数字的话如下:

<script type="text/javascript">
function sortNumber(a,b)
{
    return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))

</script>

5)、数组转换
toString() 转换为字符串并返回
toLocaleString转换为本地格式字符串并返回
join()用指定分隔符分割数组并转换为字符串

6)、位置方法
indexOf && lastIndexOf
一个从数组的起始位置开始查找,一个从数组的结束位置开始查找
接受两个参数:

  • 要查找的项
  • 表示查找起点的索引位置
    =》[2,3,4,5].indexOf(2)
    如果查找得到则返回该元素的索引,找不到返回-1

7)、迭代方法
every
该方法用于检测数组所有元素是否都符合条件(通过函数提供)

  • 如果数组中检测到有一个元素不满足,则整个表达式都返回false,并且剩余的元素不会检测
  • 如果所有元素都满足条件,则返回true
    例子:
var ages = [32,33,16,40]
function checkAdult(age){
    return age >= 18;
}
ages.every(checkAdult) //false

filter
对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。

//过滤掉小于 10 的数组元素:

//代码:
function isBigEnough(element, index, array) {
    return (element >= 10);
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// 12, 130, 44
//结果:[12, 5, 8, 130, 44].filter(isBigEnough) : 12, 130, 44 

foreach
遍历

//打印数组内容:

function printElt(element, index, array) {
    document.writeln("[" + index + "] is " + element + "<br />");
}
[2, 5, 9].forEach(printElt);
// Prints:
// [0] is 2
// [1] is 5
// [2] is 9
//结果:
//[0] is 2
//[1] is 5
//[2] is 9

map
返回每次函数调用的结果数组

//将所有的数组元素转换为大写:

var strings = ["hello", "Array", "WORLD"];
function makeUpperCase(v)
{
    return v.toUpperCase();
}
var uppers = strings.map(makeUpperCase);
// uppers is now ["HELLO", "ARRAY", "WORLD"]
// strings is unchanged
//结果:["hello", "Array", "WORLD"].map(makeUpperCase) : HELLO, ARRAY, WORLD 

some
有一项返回true,则返回true

//检查是否有数组元素大于等于10:

function isBigEnough(element, index, array) {
    return (element >= 10);
}
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed is false
passed = [12, 5, 8, 1, 4].some(isBigEnough);
// passed is true
//结果:
//[2, 5, 8, 1, 4].some(isBigEnough) : false 
//[12, 5, 8, 1, 4].some(isBigEnough) : true 

8)、缩小方法
reduce 从数组起始位开始遍历
reduceRight 从数组末尾开始遍历
常见场景叠加

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

推荐阅读更多精彩内容