javascript —— Array

前端之家收集整理的这篇文章主要介绍了javascript —— Array前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. arr.length = 0 ; // 可以直接将一个数组清空

delete arr[i]

var a = [1,2,3];
delete a[1];

a[1] // undefined
a.length // 3

空位
var arr = ['1','2'];
arr.length // 3

var a = [,];
a[1] // undefined

数组的遍历问题
  1. 数组遍历不推荐使用 for ... in
var arr = [1,3]
arr[4] = 'abc';

arr.length // 3

// 但是遍历会将第四个也遍历出来的

  1. 对于空位 for...in forEach Object.keys 是会跳过的,但是对于undefined值,则不会跳过。
var a = [,];

a.forEach(function (x,i) {
console.log(i + '. ' + x);
})
// 不产生任何输出

for (var i in a) {
console.log(i);
}
// 不产生任何输出

Object.keys(a)
// []

var a = [undefined,undefined,undefined];

a.forEach(function (x,i) {
console.log(i + '. ' + x);
});
// 0. undefined
// 1. undefined
// 2. undefined

for (var i in a) {
console.log(i);
}
// 0
// 1
// 2

Object.keys(a)
// ['0','1','2']

类似数组的对象
var obj = {
  0: 'a',1: 'b',2: 'c',length: 3
};

obj[0] // 'a'
obj[1] // 'b'
obj.length // 3
obj.push('d') // TypeError: obj.push is not a function

  • arguments
// arguments对象
function args() { return arguments }
var arrayLike = args('a','b');

arrayLike[0] // 'a'
arrayLike.length // 2
arrayLike instanceof Array // false

  • dom对象数组
// DOM元素集
var elts = document.getElementsByTagName('h3');
elts.length // 3
elts instanceof Array // false

通过下个面的方法也可以遍历处类数组对象

function args(){
    return arguments;
}

var args1 = args('a','b');

function print(value,index){
console.log(index+':'+value);
}

Array.prototype.forEach.call(args1,print);

  • 注意这种方法要比原生的forRach慢,所以最好还是先将类数组转换为数组
function args() { return arguments }
var arrayLike = args('a','b');
var arr = Array.prototype.slice.call(arrayLike);
arr.forEach(function(item){
    console.log(item);
})

// a
// b

原文链接:https://www.f2er.com/js/415161.html

猜你在找的JavaScript相关文章