Object.keys() 对象的遍历 返回给定对象所有可枚举属性的数组；是属性名组成的数组
let obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).map((key) => {
console.log(key, obj[key]);
});
Object.values() 对象的遍历
返回一个给定对象自身的所有属性值的数组； 是属性值组成的数组
let obj22 = {
xe: { name: "小红", age: "19", height: "166" },
xe2: { name: "小张", age: "20", height: "176" },
xe3: { name: "小洋", age: "21", height: "168" },
};
const list0 = Object.values(obj22);
// console.log('d', list0)
// [ {name: '小红', age: '19', height: '166'},
// {name: '小张', age: '20', height: '176'},
// {name: '小洋', age: '21', height: '168'}]
Object.entries() 对象的遍历
Object.entries() 可以把一个对象的键值以数组的形式遍历出来，结果和 for...in 一致，但不会遍历原型属性
const obj = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj)); // [['foo', 'bar'], ['baz', 'abc']]
let obj3 = { foot:'111', heder:'222' }
const list33 = Object.entries(obj3);
for (let [k, v] of Object.entries(obj3)) {
console.log('值', k +':'+ v)
}
对象的遍历: for in
let obj2 = { name: "xiaohong", id: "001", age: 19 };
for (const key in obj2) {
if (Object.hasOwnProperty.call(obj2, key)) {
console.log(key, obj2);
const element = obj2[key];
}
}
some()
根据传入的条件有一个符合条件，some ()返回 true。如果没有，它将返回false
const stock = {
meat: 5,
fruit: 10,
cheese: 6,
}
const enoughStock = Object.values(stock).some(el => el >= 6)
console.log(enoughStock) // true
every()
Every ()根据条件返回 true 或 false，如果每一项都符合条件
const nightclub = {
dave: 26,
sally: 23,
lucy: 17,
}
const isOldEnough = Object.values(nightclub).every(el => el >= 18)
// false
if (!isOldEnough) {
console.log("Check every ID")
}
检测数组中的每一项是否符合要求
const comp = [
{name:"Apple",ram:8},
{name:"IBM",ram:4},
{name:"Acer",ram:32},
];
var result= comp.every(function(computer){
return computer.ram > 16
})
console.log(result)//false;
map, filter, some, forEach, for in, for of, 用法 1, forEach 对数组中的每一个元素进行遍历，没有返回值，无法使用break，return等终止循环
let list4 = [1, 2, 3, 4, 5];
let other4 = [];
list4.forEach((item, i) => {
other4.push(item * 2);
});
2, map 有返回值，返回一个新的数组
let list1 = [1, 2, 3, 4, 5];
let other1 = list1.map((item, i) => {
return item * 2;
});
3, filter 有返回值，返回一个符合条件的元素 组成的数组
let list2 = [1, 2, 3, 4, 5];
let other2 = list2.filter((item, i) => {
return item % 2;
});
4, some 遍历数组中的每一个元素 返回一个boolean，判断是否有元素符合条件，如果有一个符合条件，则循环会终止。
let list3 = [1, 2, 3, 4, 5];
list3.some((d, i) => {
// console.log('some遍历数组',d, i);
return d > 3;
});
5，reduce() 返回一个值
prev 表示上一次调用返回的结果值，或初始值init cur 表示当前的数组元素 init 表示初始值// 求和
let arr = [3,9,6,2,9]
let sum = arr.reduce((prev, cur) => {
return prev + cur;
}, 0)
// init 初始值为0， 所以开始时prev的值为0
// 数组去重
let newArr = arr.reduce((prev, cur) => {
prev.indexOf(cur) == -1 && prev.push(cur)
return prev;
}, [])
6, for of 可遍历数组，获取的是value值；可以代替for循环，用下标索引来获取value值 for of为ES6提供，遍历范围包括数组、Set和Map结构，dom树，arguments对象，以及字符串
// 遍历数组
let list5 = [1, 2, 3, 4, 5];
for (let item of list5) {
// console.log('for of',item);
}
let arr3 = [
{ key: "01", value: "西施" },
{ key: "02", value: "王昭君" },
{ key: "03", value: "杨玉环" },
{ key: "02", value: "王昭君" },
];
function newObj(arr) {
let newarr = [];
for (let i = 0; i < arr.length; i++) {
let isBol = newarr.some((item) => item.key == arr[i].key);
// 如果找到没有就添加到新数组
if (!isBol) {
newarr.push(arr[i]);
}
}
return newarr;
}
console.log("对象", newObj(arr3));
https://blog.csdn.net/sunyctf/article/details/134491546
https://juejin.cn/post/7340554546255003663
https://juejin.cn/post/6967293500572303367?searchId=20240511165914D6D9BC19E90112C71A3A
https://juejin.cn/post/7017968328694038536
https://juejin.cn/post/6844903796062191624?searchId=20240511174205C6448560088235C02833
标签：遍历,console,key,Object,values,数组,let From： https://www.cnblogs.com/yizhilin/p/18187819