码迷,mamicode.com
首页 > 编程语言 > 详细

es6 数组操作

时间:2020-09-15 20:49:27      阅读:44      评论:0      收藏:0      [点我收藏+]

标签:efi   键值   def   index   document   find   fill   nbsp   ons   

1、Array.of()  将任意一组值转换为数组

//Array.of()
    // var arr = new Array(1, 2, 3, 5, 8)
    // var str = ‘12,3,5,6,ss‘
    // console.log(Array.of(str))

2、Array.from()  将类(伪)数组转换为数组

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
    </ul>
</body>
// //Array.from()
    // let list = document.getElementsByTagName(‘li‘)
    // var ul = Array.from(list)
    // console.log(ul)

3、find() 找出数组中符合条件的第一个元素

    // 注意:未找到返回undefined
 let arr = [1, 2, 3,4, 5, 6]
    console.log(arr.find(function (value) {
            return value > 7;  
        }))      //undefined

4、findIndex() 找出数组中符合条件的第一个元素位置

    // 未找到返回-1 

 let arr = [1, 2, 3,4, 5, 6]
console.log(arr.findIndex(function(value){
        return value>8;
    }))  //-1

5、fill() 填充数组中的每一项或者某一项

    // fill(x) x是填充内容
    // fill(x,y,z) x是填充内容,y是起始的索引值,z是结束的索引值,不包括该值    
会改变原数组

  

//fill  会改变原数组
    let arr1 = [1,2,3,5,9,4]
    console.log(arr1.fill(3))   //[3,3,3,3,3,3]
    console.log(arr1)       //[3,3,3,3,3,3]
console.log(arr1.fill(4,2,4))   //[3,3,4,4,3,3]
console.log(arr1)

6、entries()  遍历器返回的键值对k:v    (索引):(属性值)

//entries  
    for(let[i,v]of [a,b].entries())
    {
        console.log(i,v)
    }    // 0 a
1 b

7、 keys() 返回键

//keys  索引
    for (let index of [a, b].keys()) {
            console.log(index)
        }  // 0  1

8、values()  返回值

// values  值
    for (let value of [a, b].values()) {
            console.log(value)  
        }   // a   b

 

es6 数组操作

标签:efi   键值   def   index   document   find   fill   nbsp   ons   

原文地址:https://www.cnblogs.com/guirong/p/13598620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!