Javascript数组方法

#数组创建
      let arr1 = [1, 2, 3]; // [1, 2, 3]
      let arr2 = Array(); // []
      let arr3 = Array(2); // [undefined, undefined]
      let arr4 = Array(1,2,3);  // [1, 2, 3]
#.将一个对象转换为数组
/*
* 第一个参数:被转化的数组
* 第二个参数:对每个元素进行处理,将处理后的结果返回的数组(类型map)
* 第三个参数:用来绑定this
*/

// 当参数为一个Object类型时,需要有length属性,用来指定数组长度,默认为0
    Array.from({ 2: '2', a: 'a', 0: '0', length: 4})  //  ['0', undefined, 2: undefined]
    Array.from({ 2: '2', a: 'a', 0: '0', length: 2})  //  ['0', undefined]
    Array.from({ 2: '2', a: 'a', 0: '0', length: 2}, v => v || '')   // ['0', '']
    Array.from('hello') //  ['h', 'e', 'l', 'l', 'o']
#.判断数组是否是一个Array类型
     Array.isArray([1,2,3])  // true
     Array.isArray({a: 'a'}) // false
     Array.isArray('hello')  // false
     Array.isArray(Array(3)) // true
     Array.isArray(null)     // false
#.Array.of; (把所有的参数放到一个数组中返回)
    let arr1 = Array.of(1, 2, 3); // [1, 2, 3]
    let arr1 = Array.of();        // []
#, copyWithin: 从数组的指定位置拷贝元素到另一个指定位置
/*
 *  第一个参数:复制的目标位置
 *  第二个参数:复制的开始位置(闭区间)
 *  第三个参数:复制的结束位置(开区间)
 */
    let arr = [1,2,3,4,5,6]
    arr.copyWithin(4, 1, 3) // [1,2,3,4,2,3]
#, entries: 返回一个数组的迭代对象(Iterator)
    let arr = [1,2,3]
    let it = arr.entries()
    console.log(it.next())  // {value: [0,1], done: false}
    console.log(it.next())  // {value: [1,2], done: false}
    console.log(it.next())  // {value: [2,3], done: false}
    console.log(it.next())  // {value: undefined, done: true}
#, every: 对数组中所有的元素进行检查,返回布尔值.
#,some: 和every类似,every是需要所有元素都满足条件,而some只要有满足的就会返回true
  every: 对数组中所有的元素进行检查,返回布尔值
  some: 和every类似,every是需要所有元素都满足条件,而some只要有满足的就会返回true
  let arr = [1,2,3]
  arr.every(v => { console.log(v); return v < 10}) // 1 2 3 true
  arr.every(v => { console.log(v); return v < 2})  // 1 2 false
  arr.some(v => { console.log(v); return v < 2})  // 1 true
#, fill: 用一个固定值替换数组中的元素
/*
 *  第一个参数:填充的值
 *  第二个参数:填充的开始位置(闭区间)
 *  第三个参数:填充的结束位置(开区间)
 */
  let arr = [1,2,3,4,5,6]
  arr.fill(0, 1, 3) // [1,0,0,4,5,6]
  Array(2).fill(0)  // [0,0]
#, filter: 创建一个新数组,返回原数组中满足条件的所有元素
let arr1 = [
  { age: 10, name: '10'},
  { age: 23, name: '23'},
  { age: 16, name: '16'},
  { age: 11, name: '11'},
  { age: 37, name: '37'}
]
arr1.filter(v => v.age < 18)

// 输出
/* [
 *   { age: 10, name: '10'},
 *   { age: 16, name: '16'},
 *   { age: 11, name: '11'}
 * ]
 */
#, find: 返回数组中第一个满足条件的元素。findIndex: 返回数组中第一个满足条件的元素的索引值
 let arr1 = [
    { age: 10, name: '10'},
    { age: 23, name: '23'},
    { age: 16, name: '16'},
    { age: 11, name: '11'},
    { age: 37, name: '37'}
  ]
arr1.find(v => v.age > 18)  // { age: 23, name: '23'}
#, flat: 创建一个新数组,扁平化原嵌套数组,参数为扁平的层数,该方法会移除空项
 let arr1 = [1, , [2, [3, , [4]]]]
  arr.flat()      // [1,2,[3, , [4]]]
  arr.flat(2)     // [1,2,3,[4]]
  arr.flat(3)     // [1,2,3,4]
  arr.toString()  // '1,,2,3,,4'
#,flatMap: 和 map 相近,但是会将返回结果压平一层
  let arr1 = [1,2,3]
  arr1.map(v => [v * 2])    // [[2], [4], [6]]
  arr1.flatMap(v => [v * 2]) // [2, 4, 6]
#,forEach: 遍历数组中的每一个元素
 let arr1 = [1,2,3]
arr1.forEach(v=>{console.log(v)}) // 1,2,3
#,includes: 判断一个数组中是否包含一个元素
let obj = {id: 2, valu
let arr = [
  obj,
  'hello',
  {id: 1, value: '1'}
]

arr.includes({id: 1, value: '1'}) // false
arr.includes(obj) // true
arr.includes('hello') // true
#,indexOf:找到满足条件元素的索引值,从第一个参数开始寻找。lastIndexOf:寻找顺序与indexOf相反。findIndex:查找元素的位置索引,和indexOf不同的是findIndex可以查找对象。而indexOf只可以查找数组
let arr1 = ['a', 'b', 'c','b']
arr1.indexOf('b') // 1
arr1.lastIndexOf('b') // 3
#,join:将元素连接成一个字符串,并用分隔符分割(第一个参数)
let arr = [1, 2,3,4,5]
arr.join(' , ') //  '1,2,3,4,5'
#,map: 返回一个新数组,数组中的元素为原数组经过处理后的值
let arr1 = [{id:1}, {id:2}, {id: 3}]
arr1.map(v => v.id) //  [1, 2, 3]
#,pop: 删除原数组的最后一个元素
let arr = [1,2,3]
arr.pop() // [1,2]
#,push: 在原数组的末尾添加一个元素
let arr = [1,2,3]
arr.push(4) // [1,2,3,4]
#,shift: 删除原数组的第一个元素
let arr = [1,2,3,4]
arr.shift() // [2,3,4]
#,unshift: 在原数组开头添加一个元素
let arr = [1,2,3,4]
arr.unshift(0) // [0,1,2,3,4]
#,reverse: 颠倒原数组中元素的顺序
let arr = [1,2,3]
arr.reverse() // [3,2,1]
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 摘要: 通过代码掌握数组方法。 原文:通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏) 译者:前端...
    Fundebug阅读 1,436评论 2 36
  • concat 注意,a数组并没有改变,只是返回了一个新数组。 copyWithin 它接受三个参数。target ...
    Funwt阅读 663评论 0 10
  • Array 对象用于在单个的变量中存储多个值。 数组创建 字面量 - 推荐使用 构造函数 当把构造函数作为函数调用...
    流失的阴霾阅读 276评论 0 1
  • 1 概述 1.1 前言 JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方法的...
    老周学前端阅读 222评论 0 0
  • 奶奶生病的那段日子,正值秋季。银杏叶似乎是一夜之间憔悴了,满树挂着黄色的叶子,那叶子风一吹便纷纷飘落,仿佛永...
    秦苜阅读 293评论 0 0