zoukankan      html  css  js  c++  java
  • [ES6] Converting an array-like object into an Array with Array.from()

    Array.from() lets you convert an "iterable" object (AKA an array-like object) to an array. In this lesson, we go over grabbing DOM nodes and turing them into an array so that we can use methods like Array.filter() and Array.forEach()on them.

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Array.from() example</title>
      </head>
      <body>
        <ul>
          <li class="product">15.99</li>
          <li class="product">7.99</li>
          <li class="product">32.99</li>
          <li class="product">24.99</li>
          <li class="product">5.99</li>
        </ul>
      </body>
      <script src="./index.js"></script>
    </html>
    const products =
      Array.from(document.querySelectorAll('.product'));
    
    products
      .filter(product => parseFloat(product.innerHTML) < 10)
      .forEach(product => product.style.color = 'red');

    What we got from document,querySelectorAll('.product') is 'NodeList', it is an array-like type, but cannot apply .filter, .map, .forEach to it. SO we use Array.from() method to convert is.

  • 相关阅读:
    python练习册 0002随机生成验证
    女生应该找什么样的男生
    博弈论 尼姆博弈,人生第一道博弈纪念一下
    博弈论版版
    博弈论
    STL用法大全
    据说是Flord算法
    20190716-T3-奇袭
    20190716-T1-礼物
    20190716-被水题淹没
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4987047.html
Copyright © 2011-2022 走看看