【Angular】数组循环练习

IMSI

已于 2022-08-19 17:46:36 修改

阅读量388

点赞数

分类专栏： Angular 文章标签： javascript

于 2022-08-18 15:23:34 首次发布

本文链接：https://blog.csdn.net/niwenroudelian/article/details/126406513

版权

Angular 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

题目

const list = [{
        name: '张三',
        id: '1'
    }, {
        name: '李四',
        id: '2'
    }, {
        name: '王五',
        id: '3'
    }, {
        name: '陈六',
        id: '4'
}];

1、请从上面数组中筛选出id为2的对象

2、生成一个字符串，该字符串包含上面数组所有name字段，并用逗号隔开

3、生成一个新数组，该数组的元素正好是上面元素索引是偶数的元素

4、删除该数组索引为2的元素

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

    const list = [{
        name: '张三',
        id: '1'
    }, {
        name: '李四',
        id: '2'
    }, {
        name: '王五',
        id: '3'
    }, {
        name: '陈六',
        id: '4'
    }];
    

    // 1、请从上面数组中筛选出id为2的对象
    userId=list.filter((elem) => elem.id==2)
    console.log(userId);
    
    // 2、生成一个字符串，该字符串包含上面数组所有name字段，并用逗号隔开
    
    userNameObj=list.map((elem) => elem.name)
    const userName=userNameObj.join('，')
    console.log(userName)

    // 3、生成一个新数组，该数组的元素正好是上面元素索引是偶数的元素
    const newArrEven=list.filter((item,index,list)=>{
        if(index % 2==0){
            return true
        } 
        return false
    })
    console.log(newArrEven)

    // 4、删除该数组索引为2的元素
    newArrDel=list.filter((item,index,list)=>{
        if(index !==2){
            return true
        } 
        return false
    })
   console.log(newArrDel)
</script>
</body>
</html>