美文网首页
ES6学习笔记之数组

ES6学习笔记之数组

作者: awesome_lewis | 来源:发表于2017-07-13 09:59 被阅读14次
  • 使用set对象给数组去重
    [...new Set(array)]

  • 字符串数组转数字数组
    ['1', '2', '3'].map(Number); // [1, 2, 3]

  • 构造数组
    Array(5).fill().map((_,i) => i+1); // [1, 2, 3, 4, 5]

  • 数组求和第一弹

function addUp() {
  let total = 0;
  for(let num of arguments) {
    total += num;
  }
  return total;
}

addUp(1, 2, 3, 4);  // 10
  • 数组求和第二弹
function addUp() {
  const nums = Array.from(arguments);
  return nums.reduce((prev, next) => prev + next, 0)
}

addUp(1, 2, 3, 4);  // 10
  • 类数组转数组
<div class="people">
  <p>Jay</p>
  <p>Eason</p>
  <p>David</p>
</div>
const people  = Array.from(document.querySelectAll('.people p'));
const names = people.map(person => person.textContent);
console.log(names);  // ['Jay', 'Eason', 'David']

相关文章

  • ES6学习笔记之数组

    使用set对象给数组去重[...new Set(array)] 字符串数组转数字数组['1', '2', '3']...

  • ES6变量的解构赋值

    本文参考阮一峰老师es6入门做的学习笔记。 1.数组的解构赋值。 ES6允许按照一定模式,从数组和对象中提取值,对...

  • ES6之数组的扩展

    在进入es6之数组的扩展这篇学习前,先了解下数组的基础内容,这里大概总结下,以便自己今后复习: 数组的创建方式: ...

  • es6学习笔记之数组扩展

    一. 扩展运算符 扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗...

  • ES6_note

    ES6笔记 es6 - 解构 数组的 解构赋值 let [a, b, c] = [1, 2, 3]; 这种写法属于...

  • 2018-03-26

    拥抱 ES6 之数组扩展 https://segmentfault.com/a/1190000003857670?...

  • ES6 笔记(Array)

    ES6 笔记(Array) array Array.from将类似数组的对象(array-like object)...

  • [总结]ES6 Array

    学习es6时做得小笔记

  • js数组扁平化和数组去重处理(对比)

    数组扁平化(多维数组)(es6) 数组去重 (es6) 数组去重(es5)

  • JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为...

网友评论

      本文标题:ES6学习笔记之数组

      本文链接:https://www.haomeiwen.com/subject/itfwhxtx.html