ES6数组方法-CSDN博客

本文链接：https://blog.csdn.net/qq_34568700/article/details/146605457

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>
</head>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
<script>
    console.log('...',[...'hello']);
    console.log('from()', Array.from(document.querySelectorAll('li')).filter((item,index) => index===0));
    console.log('from()', Array.from('hello'));// 伪数组转为数组 只要是部署了Iterator接口的数据结构，Map,Set等都可以转为数组
    let from3 = Array.from('arrayLike', x => x + 'a');// 第二个参数功能类似map，返回处理后的新数组
    console.log('from()',from3);
    const arrFlat = [1,2,3, [4,5,[6,[7,[8]]]]];
    const arrFlat2 = arrFlat.flat();// 数组展开
    const arrFlat3 = arrFlat.flat(2);
    const arrFlat4 = arrFlat.flat(Infinity);
    let arrFlatMap = arrFlat.flatMap(item => [item, item * 3]);
    console.log('flat()', arrFlat2);
    console.log('flat()', arrFlat3);
    console.log('flat()', arrFlat4);
    console.log('flatMap():', arrFlatMap);

    let arrForEach = arrFlat.forEach((item, index) => {
        item = 5
    })
    console.log('forEach()',arrForEach);
    let arrMap = arrFlat.map((item, index) => {
        return  item * 5
    });
    console.log('map()', arrMap)

    let arrSome = arrFlat.some(item => item < 3);
    console.log('some()',arrSome)
    let arrFilter = arrFlat.filter(item => item < 3);
    console.log('filter()', arrFilter)
    console.log('at()', arrFlat.at(-2))
    console.log('at()', 'string'.at(-2), 'string'.at(2));



    let arrDemo2 = [1,3,2,4];
    let newReverse = arrDemo2.toReversed();// 倒置 不改变原数组
    console.log('toReversed()', arrDemo2, newReverse)
    let newSort = arrDemo2.toSorted();
    console.log('toSorted()', newSort, arrDemo2);
    let newSplice = arrDemo2.toSpliced(1, 1, 'a');// 返回新数据，这个新数据删除了对应位置的数据，并在对应位置增加新元素
    console.log('toSpliced()', newSplice, arrDemo2);
    let newSplice2 = arrDemo2.with(1,{'hello':'hello'});// 将位置1的元素替换为新元素
    console.log('with()', newSplice2, arrDemo2);
    
    let arrReduce = arrDemo2.reduce((item, next, index) => {
        console.log(item, next, index);
        return item + next;
    });
    console.log('reduce()', arrReduce);
</script>
</html>

在这里插入图片描述