数组遍历-对象遍历

数组遍历for、forEach、map、for of、for in

for演练： 循环代码块一定的次数

for (var i = 0; i < 5; i++) {
        console.log(i, "循环的次数");
}

 

 for演练2： 

    var forarr = [{name: '小红', age: '18',}, {name: '小明',age: '22',}]
    var forarr1 = []
    for (let i = 0; i < forarr.length; i++) {
        var obj = {
            name: forarr[i].name
        }
        forarr1.push(obj)
        console.log(forarr1, "forarr1");
   }

 

map演练一：

    var maparr =  [{name: '小红', age: '18',}, {name: '小明',age: '22',}]
    var maparr1 = maparr.map(item => {
        return item.name
    })
    console.log(maparr1, "maparr1");

 案例：

    var str = [{name: '小红',age: '18',}, {name: '小明',age: '22',}, {name: '小',age: '22',}, {name: '明', age: '22',}]
    if (str.length > 1) {
        str.map(item => {
            var imagesrc = ['/static/user/bg-01.jpg']
            var num = str.length - imagesrc.length
            console.log(num, "需要push的次数");
            for (let i = 0; i < num; i++) {
                imagesrc.push(
                    '/static/user/bg-01.jpg'
                );
            }
            console.log(imagesrc, "imagesrc");
        })
    }

 

 

 

forEach演练：

    var forEacharr = [{name: '小红', age: '18',}, {name: '小明',age: '22',}]
    var forEacharr1 = []
    forEacharr.forEach(item => {
        forEacharr1.push(item.name)
    });
    console.log(forEacharr1, "forEacharr1");

for of演练：

    var forofarr = [{name: '小红', age: '18',}, {name: '小明',age: '22',}]
    var forofarr1 = []
    for (var item of forofarr) {
        forofarr1.push(item.name)
    }
    console.log(forofarr1, "forofarr1");

 for in演练：循环遍历对象的属性

    var forinarr =[{name: '小红', age: '18',}, {name: '小明',age: '22',}]
    var forinarr1 = []
    for (var key in forinarr) {
        forinarr1.push(forinarr[key].name)
    }
    console.log(forinarr1, "forinarr1");

合并数组：

    var arr = [{ name: '小红',age: '18',}, {name: '小明', age: '22',}]
    var arr1 = [{gender: '女'}, {gender: '男' }]
    var arr2 = arr.map((item, index) => {
        return {...item, ...arr1[index]}
    })
    console.log(arr2, "arr2");

 数组筛选:

    var filterarr = [{name: '小红',age: '18',}, { name: '小明', age: '22',}]
    let filterarr1 = filterarr.filter(value => {
        return value.age == 18 ? false : true;
    });
    console.log(filterarr1, "filterarr1");

对象遍历for in、Object.keys()、Object.values()

for in演练：

var a = {id: 1, name: "zhangsan", age: 18};
for(let key in a) {
	console.log(key + ":" + a[key]);
}
// id:1
// name:zhangsan
// age:18

Object.keys()演练：

var a = {id: 1, name: "zhangsan", age: 18};
Object.keys(a);
// 输出：["id", "name", "age"]

Object.values()演练：

var a = {id: 1, name: "zhangsan", age: 18};
Object.values(a)
// 输出：[1, "zhangsan", 18]