JavaScript 中遍历数组和对象是非常常见的操作,下面是常用的几种方法和示例:
1. 遍历数组:
- for 循环:
var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
- forEach() 方法:
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
console.log(item);
});
- map() 方法:
var arr = [1, 2, 3, 4, 5];
var newArr = arr.map(function(item) {
return item * 2;
});
console.log(newArr);
- filter() 方法:
var arr = [1, 2, 3, 4, 5];
var evenArr = arr.filter(function(item) {
return item % 2 === 0;
});
console.log(evenArr);
2. 遍历对象:
- for...in 循环:
var obj = {a: 1, b: 2, c: 3};
for (var key in obj) {
console.log(key + ': ' + obj[key]);
}
- Object.keys() 方法:
var obj = {a: 1, b: 2, c: 3};
var keys = Object.keys(obj);
keys.forEach(function(key) {
console.log(key + ': ' + obj[key]);
});
- Object.getOwnPropertyNames() 方法:
var obj = {a: 1, b: 2, c: 3};
var keys = Object.getOwnPropertyNames(obj);
keys.forEach(function(key) {
console.log(key + ': ' + obj[key]);
});
以上是常用的几种遍历数组和对象的方法,其中 for 循环是最基础、最常见的方式,而 forEach()、map()、filter() 等方法则是 ES5 中新增的数组方法,可以更加方便地操作数组。而在遍历对象时,for...in 循环是最常用的方式,可以遍历对象的所有属性,而 Object.keys() 和 Object.getOwnPropertyNames() 方法则可以获取对象的所有键名,并进行遍历操作。