前端常见的js数组操作面试题集合
一、按要求分割数组
//实例： 将 “刘备，张飞，关羽” 一个字符串数组以“|”分割的形式,输出为 “刘备|张飞|关羽” 注：使用两种方式实现
(1) for循环累加方法
var arr1 = ["刘备","张飞","关羽"];
var separator = "|";
//通过for循环累加
var str = arr1[0];
for(var i=1;i<arr1.length;i++){
str += separator+arr1[i];
}
console.log(str); //返回值为： 刘备|张飞|关羽
(2) join()可以把数组中的元素链接成字符串
var arr2 = ["刘备","张飞","关羽"];
console.log(arr2.join("|")); // 返回值为： 刘备|张飞|关羽
二、反向输出数组
//实例： 将一个字符串数组 ["a", "b", "c", "d"] 反转为 [ "d","c","b","a"] 注：使用两种种方式实现
(1) 直接使用 reverse()数组函数
var arr1 = ["a", "b", "c", "d"];
console.log(arr1.reverse()); // 返回值为：["d", "c", "b", "a"]
(2)正向遍历，反向添加
var arr2 = ["a", "b", "c", "d"];
for(var i=0;i<arr2.length/2;i++){
var temp = arr2[i];
arr2[i] = arr2[arr2.length-1-i];
arr2[arr2.length-1-i] = temp;
}
console.log(arr2); // 返回值为：["d", "c", "b", "a"]
三、去掉数组中不符合要求的元素
//实例： 在工资数组 [1500, 1200, 2000, 2100, 1800] ,把工资超过2000的删除 输出新数组
var arr = [1500, 1200, 2000, 2100, 1800];
//步骤： 1.利用filter()形成一个数组;2.return true;3.组成的数组;
var newArr = arr.filter(function (ele, i, array) {
//2000以上返回false;
if(ele<2000){
return true;
}else{
return false;
}
});
console.log(newArr); // 返回值为： [1500, 1200, 1800]
四、找到某个元素在数组中的下标值
//实例： 在数组中["c", "a", "z", "a", "x", "a"]找到数组中每一个“a”元素出现的位置
var arr = ["c", "a", "z", "a", "x", "a"];
//遍历数组(for/while/do...while) forEach();
arr.forEach(function (ele, index, array) {
//如果元素等于“a”，那么就输出索引值；
if("a" === ele){
console.log(index); // 返回值： 1 3 5
}
});
五、数组去重
//实例： 编写一个方法去掉一个数组的重复元素
var arr = ["鸣人","小樱","佐助","佐助","鸣人","小樱"];
//思路：1.定义一个新数组，2.遍历老数组，3.判断，如果新数组里面没有老数组的元素就添加，否则就不添加
var newArr = [];
//遍历老数组
arr.forEach( function (ele,index,array) {
//检测老数组中的元素，如果新数组中存在就不添加了，不存在才添加;
if( newArr.indexOf(ele) === -1){ //不存在就添加;（去新数组中查找元素索引值，如果为-1就是没有）
newArr.push(ele);
}
});
console.log(newArr); // 返回值为： ["鸣人", "佐助", "小樱"]
