数组中的方法map、fliter、find

map是返回一个新数组——（数组的格式可以由你来定）

map其实也是可用来遍历数组然后再返回一个新的数组，可以实现页面的渲染，之前是用for循环的话有点麻烦，用map相对简单，还有一个forEach遍历渲染，那就一起展开说说

引用的数组.map(function(){

        return    //填要返回的内容

})

          // 用map进行遍历渲染返回数组
document.querySelector(".list").innerHTML =  arr.map(item =>{
                return `
                <a href="#" class="item">
                    <p>名称</p>
                    <p>描述</p>
                    <p>价格</p>
                </a>
                `
            }).join('')
            console.log(arr);

forEach可以认为是for循环的加强版，但是他不返回数组

也就是相当于你需要先给出一个容器来装要遍历循环的内容，然后放在forEach进行循环，最后再赋值给对应的标签里面

数组.forEach（function(){

        //遍历的内容需要用‘容器装着’

})

// 用forEach遍历渲染
            let str = ''
            arr.forEach(item => {
                str += `
                    <a href="#" class="item">
                        <p>名称</p>
                        <p>描述</p>
                        <p>价格</p>
                    </a>
                `
                document.querySelector('.list').innerHTML = str
            })

filter()是筛选方法，返回的是筛选的数组 

const arr = [10,20,30,40]
        // const newArr = arr.filter(function(){
        //     return item < 25
        // })
        // 箭头函数
        const newArr = arr.filter (item => item < 25) 
        console.log(newArr);

every()，要求是每一项都是你要的元素，返回布尔值（true/false）里面包含有元素，索引号，当前数组数组

<script>	
function hao(element, index, array[]){
	            return element >= 4
        }
</script>

 some(),是只要里面包含你要的元素就返回true

find(),查找你要的元素

findIndex()，查找你要的元素的索引号（类似于下标值）

 Array伪数组转换成真数组（真数组才能用数组方法）

//获取所有li组成的li是为伪数组
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

//把li伪数组用from转换为真
const lisTrue = Array.from(lis)