js数组用法大全

文章如有错误请联系我 anmingzhe@me.com


Array.of() 创建数组 参数就是数组参数

Array.of(3) // [3]  

var a = [1,2]   Array.of(a) // [1,2]  

Array.of() 和 Array()的区别是前者直接讲参数编程数组,后者的参数是创建一个长度为参数的数组

Array.from() 方法可讲一个类似数组或可迭代对象创建一个数组实例

var arr1 = [1,2]   Array.from(arr1) // [1,2]

var amz  = 'amz'   Array.from(amz)  // ['a','m','z']

var num = '123'  Array.from(num,x => x * 2)  //[2,4,6]

它也可以讲function里面的arguments变成数组是实例  Array.from(arguments)

Array.isArray()  判断传入的是否为数组是实例

Array.isArray([1,2]) // true

Array.isArray(arguments) //false  arguments是函数的参数哦

Array.prototype.concat() 合并数组(创建出新的数组)

let a = ['1','2']       let b = ['3','a']     let c = a.concat(b)    c  // ['1','2','3','a']

let d = a.concat('3','b')    d // ['1','2','3','b']

Array.prototype.copyWithin()  复制数组的一部分到另一部分(修改原数组)

三个参数 a1 a2 a3

a1 要复制的东西从那里开始展示出来

a2 从那里开始复制 默认值是0 即为从数组开始复制

a3 复制到那里结束,默认值是数组最后一个

['a','b','c'].copyWithin(1) //['a','a','b']  等价值 ['a','b','c'].copyWithin(1,0,3) //['a','a','b']

Array.prototype.every() 接受一个函数,用来判断数组每一项值,全部为true则返回true 否返回false

[1,2,3].every(x => x > 2)  //false

[2,4,6].every(x => x > 1) // true

Array.prototype.fill() 替换数组 里面的某一部分 会改变原数组

[1,2,3,4,5].fill(8) // [8,8,8,8,8]

[1,2,3,4,5].fill(8,1) // [1,8,8,8,8]

[1,2,3,4,5].fill(8,1,3) // [1,8,8,4,5]

Array.prototype.filter() 接受一个函数,测试数组,通过的元素创建一个新数组

[1,2,3,4,5,6].filter(x => x > 2) //[3,4,5,6]

Array.prototype.find()  接受一个函数,返回数组通过函数测试的第一个值

[1,2,3,4,5,6].find(x => x > 2) //3

Array.prototype.findIndex()  接受一个函数,返回数组通过函数测试的第一个值的索引

[1,2,3,4,5].findIndex(x => x > 2) //2

Array.prototype.forEach() 对数组的每一项提供一个函数  一般用户循环数组

[1,2,3].forEach(x => { console.log(x*2) } ) // 2  4  6

Array.prototype.includes()  判断数组是否有某值

[1,2,3].includes(4) //false

[1,2,3].includes(2) //true

Array.prototype.indexOf() 返回在数组中可以找到给定元素的第一个索引 

[1,2,3,4,2,3].indexOf(2) // 1  

[1,2,3,4,2,3].indexOf(2,2) // 4    //第二个参数是从第几位开始找

Array.prototype.join() 吧数组分割成字符串,传值就是分割符 

[1,2,3].join('=') // '1=2=3'

[1,2,3].join() // '1,2,3' 不穿值 默认为,

Array.prototype.map() 创建一个新数组,其结果是该数组中的每个元素调用一个提供的函数

[1,2,3].map(x => x*2)  // [2,4,6]

Array.prototype.pop() 从数组的后面删除一个元素并返回删除的那个元素  

var arr = [1,2,3]        arr.pop() // 3    arr // [1,2]  

Array.prototype.push() 从数组的末尾添加一个或多个元素 并返回修改过后数组的长度

var arr = [1,2,3]

arr.push('a','b') // 5   arr // [1,2,3,'a','b']

Array.prototype.reduce() 数组的一个累加器,对数组的每一个值应用一个函数(第一个参数是 累加的值 第二个参数是即将要加的哪个东东) 第二个参数是 累加的起始值

var arr = [1,2,3].reduce(function (a,b) {return a+b},0)   

arr //6

var arr = [[1, 2], [3, 4], [5, 6]]

var s = arr.reduce(function (a,b) {   return a.concat(b) }, [])

s // [1, 2, 3, 4, 5, 6]

Array.prototype.reduceRight()  同上 累加 从右到左加

var s = arr.reduceRight(function (a,b) {  return a.concat(b) }, [])

s // [5,6,3,4,1,2]

Array.prototype.reverse() 反转数组的排序

[1,2,3,4].reverse()  // [4, 3, 2, 1]

Array.prototype.shift() 删除数组第一个元素 改变原数组,返回删除的那个元素

var arr = [1,2,3]   arr.shift()  // 1  arr //[2,3]    

Array.prototype.slice() 复制数组从某一位到某一位成立一个新数组  第一个参数 从第几位截取  第二个参数 到第几位结束

var a = [1,2,3,4]

var b = a.slice(2)      b // [3,4]

var c = a.slice(1,3)  c // [2,3]

Array.prototype.some() 给数组一个函数测试每一项,有一个通过则返回true

var a = [1,2,32,4]

a.some(x => x===1)  //true

Array.protptype.sort() 数组排序,可接受函数

var a = [1,4,2,5,7,3,4]

a.sort()  //[1, 2, 3, 4, 4, 5, 7]  这样调用浏览器兼容不理想 可能不会返回这样的排序

var arr = a.sort((a, b) => {return b - a })     arr //[7,5,4,4,3,2,1]

Array.prototype.splice() 删除现有添加新元素 三个参数是从第几位删除几位插入什么什么   返回删除的元素

var a1 = [1,2,3,4,5],a2 = [1,2,3,4,5],a3 = [1,2,3,4,5]

a1.splice(2) // [3, 4, 5]    a1 // [1, 2]

a2.splice(2,2) //[3,4]  a2 //[1,2,5]

a3.splice(2,2,'abc')  // [3,4]    a3 //[1, 2, "abc", 5]

Array.prototype.toLocaleString()  数组返回和toString一样,数字返回货币格式(千位分隔),对象返回[ObjectObject] 日期返回本地格式化日期

[1,2,3].toLocaleString() // '1,2,3'

Array.prototype.toString()  将数组转化为字符串

[1,2,3].toString() // '1,2,3'

Array.prototype.unshift()  方法将一个或多个元素添加到数组的开头 返回数组改变后的长度

var arr = [1,2,3]

arr.unshift('abc')    // 4     arr // ["abc", 1, 2, 3]

Array.prototype.lastIndexOf()  找数组的最后一次显示的某位元素的索引

var  arr = [2,3,2,4,5,2]

arr.lastIndexOf(2) //5

arr.lastIndexOf(2,1) // 0 第二个参数是从第几位开始向前检索

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

推荐阅读更多精彩内容

  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,060评论 0 6
  • 一、数组方法汇总 shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var ...
    快抓住那个胖子阅读 282评论 0 0
  • 数组的创建 数组是值的有序集合。每个值叫做元素,每个元素在数组中都有数字位置编号,也就是索引。JS中的数组是弱类型...
    supa同学阅读 466评论 0 3
  • 本文转载自@陈铮半年前的博文,原文地址:JavaScript Array 原型方法 大盘点 数组是一个超常用的数据...
    浙大javascript联盟阅读 732评论 0 4
  • 代理模式 为实际要访问的对象创建一个代理,客户不再直接访问原始对象,而是通过代理对象,间接访问原始对象,这样就可以...
    nightkidjj阅读 680评论 0 51