JavaScript Array数组基本操作编程集锦
Array方法
(1) 转换方法
toString()
toLocaleString()
valueOf()
join(separator)
(2) 栈方法
push(item…)
pop()
(3) 队列方法
unshift(item…)
shift()
(4) 排序方法
reverse()
sort(comparefn)
(5) 连接方法
concat(item…)
slice(start,end)
splice(start,deleteCount,item...)
(6) 位置方法
indexOf(item,start)
lastIndexOf(item,start)
(7) 迭代方法
every(fn)
some(fn)
filter(fn)
forEach(fn)
map(fn)
(8) 转换方法
reduce(fn)
reduceRight(fn)
注意：
- 位置方法、迭代方法、归并方法浏览器支持；
- pop() push() reverse() sort() splice()会改变原数组；
- slice()左闭右开。
// 查找元素item在给定数组arr中的位置
function indexOf(arr, item) {
if (Array.prototype.indexOf) {
return arr.indexOf(item);
} else {
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] === item) {
return i;
}
}
}
return -1;
}
// 统计数组arr中值等于item的元素出现的次数
function count(arr, item) {
var count = 0;
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] == item) {
count++;
}
}
return count;
}
function count(arr, item) {
return arr.filter(function(value) {
return (value == item);
}).length
}
// 在数组arr中，查找值与item相等的元素出现的所有位置。
function findAllOccurrences(arr, target) {
var result = [];
for (var i = 0, len = arr.length; i < len; i++) {
if (target == arr[i])
result.push(i);
}
return result;
}
function findAllOccurrences(arr, target) {
var result = [];
arr.forEach(function(value, index) {
value !== target || result.push(index);
});
return result;
}
// 移除数组arr中的所有值与item相等的元素。不要直接修改数组arr，结果返回新的数组。
function remove(arr, item) {
return arr.filter(function(value) {
return (value !== item);
});
}
function remove(arr, item) {
var result = [];
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] != item) {
result.push(arr[i]);
}
}
return result;
}
// 移除数组arr中的所有值与item相等的元素，直接在给定的arr数组上进行操作，并将结果返回。
function removeWithoutCopy(arr, item) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] == item) {
//splice方***改变数组长度，当删除一个元素后，后面的元素都会前移，因此需要相应减少i的值
arr.splice(i, 1);
i--;
}
}
return arr;
}
// 在数组arr的index处添加元素item。不要直接修改数组arr，结果返回新的数组。
function insert(arr, item, index) {
var result = arr.slice(0);
result.splice(index, 0, item);
return result;
}
// 在数组arr末尾添加元素item。不要直接修改数组arr，结果返回新的数组。
function append(arr, item) {
var len = arr.length,
result = [];
for (var i = 0; i < len; i++) {
result.push(arr[i]);
}
result.push(item);
return result;
};
function append(arr, item) {
var result = arr.slice(0);
result.push(item);
return result;
};
function append(arr, item) {
return arr.concat(item);
};
// 在数组arr开头添加元素item。不要直接修改数组arr，结果返回新的数组。
function prepend(arr, item) {
var len = arr.length,
result = [];
result.push(item);
for (var i = 0; i < len; i++) {
result.push(arr[i]);
}
return result;
};
function prepend(arr, item) {
var result = arr.slice(0);
result.unshift(item);
return result;
}
function prepend(arr, item) {
return [item].concat(arr);
}
// 删除数组arr最后一个元素。不要直接修改数组arr，结果返回新的数组。
function truncate(arr) {
return arr.slice(0, arr.length - 1);
}
// 删除数组arr第一个元素。不要直接修改数组arr，结果返回新的数组。
function curtail(arr) {
return arr.slice(1);
}
// 找出数组arr中重复出现过的元素。
function duplicates(arr) {
var result = [],
len = arr.length;
for (var i = 0; i < len; i++) {
for (var j = i + 1; j < len; j++) {
if (arr[i] == arr[j]) {
if (!isInArr(result, arr[i]))
result.push(arr[i]);
}
}
}
return result;
}
function isInArr(arr, item) {
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] == item) {
return true;
}
}
return false;
}
function duplicates(arr) {
var a = [],
b = [];
for (var i = 0, len = a.length; i < len; i++) {
var cur = arr[i];
if (!b[cur]) {
b[cur] = 1;
continue;
}
b[cur]++;
}
for (var i = 0, len = b.length; i < len; i++) {
if (b[i] > 1) {
a.push(i);
}
}
return a;
}
function duplicates(arr) {
var result = [],
len = arr.length;
for (var i = 0; i < len; i++)
for (var j = i + 1; j < len; j++) {
arr[i] == arr[j] && result.indexOf(arr[i]) == -1
&& result.push(arr[i]);
}
return result;
}
function duplicates(arr) {
var result = [];
arr.forEach(function(item) {
if (arr.indexOf(item) != arr.lastIndexOf(item) &&
result.indexOf(item) == -1) {
result.push(item);
}
});
return result;
}
// 删除数组arr中重复出现的元素。直接在给定的arr数组上进行操作，并将结果返回。
function distinct(arr) {
for (var i = 0; i < arr.length - 1; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] === arr[j]) {
arr.splice(j, 1); //数组长度变化，不可缓存数组长度。
i--;
j--;
}
}
}
return arr;
}
// 为数组arr中的每个元素求二次方。不要直接修改数组arr，结果返回新的数组。
function square(arr) {
var result = [];
for (var i = 0, len = arr.length; i < len; i++) {
result[i] = arr[i] * arr[i];
}
return result;
}
function square(arr) {
return arr.map(function(item, index, array) {
return item * item;
})
}
// 数组arr升序排序
function ascend() {
var result = [];
for (var i = 0, len = arguments.length; i < len; i++) {
result.push(arguments[i]);
}
result.sort(function(value1, value2) {
return value1 - value2;
});
return result;
}
function ascend(arr) {
return arr.sort(function(value1, value2) {
return value1 - value2;
});
}
//类数组转换为数组
function toArray(str) {
try {
return Array.prototype.slice.call(str);
} catch (e) {
var arr = [];
for (var i = 0, len = str.length; i < len; i++) {
//arr.push(str[i]);
arr[i] = str[i];
}
return arr;
}
}
查看25道真题和解析