Js基础题（数组篇）

一、数组求和

//数组求和
//思路：对数组进行遍历，再相加
function arraySum(array) {
  var sum = 0;
  for (let i = 0; i < array.length; i++) {
    sum += array[i];
  }
  return sum;
}
var result3 = arraySum([1, 4, 8, 2]);
console.log(result3);

二、移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组

//思路：新建空数组，遍历，判断，push到新的数组中
function remove(arr, item) {
  var newArr = [];
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] != item) {
      newArr.push(arr[i]);
    }
  }
  return newArr;
}
var result4 = remove([1, 4, 5, 2, 3, 2], 2);
console.log(result4);

三、移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回

//思路：遍历数组，判断
function removeWithoutCopy(arr, item) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] == item) {
      //splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
      //arrayObject.splice(index,howmany,item1,.....,itemX)
      //index 删除/添加的位置
      //howmany 要删除的项目数量。如果设置为 0，则不会删除项目。
      arr.splice(i, 1);
    }
  }
  return arr;
}
var result5 = removeWithoutCopy([1, 4, 5, 2, 3, 2], 2);
console.log(result5);

四、在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组

//思路：使用concat方法连接两个不同的数组
function append(arr, item) {
  return arr.concat([item]);
}
var result6 = append([1, 3, 4], 5);
console.log(result6);   

五、删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组

function truncate(arr) {
  //arrayObject.slice(start,end)
  //slice返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。
  return arr.slice(0, arr.length - 1);
}
var result7 = truncate([1, 2, 4, 8]);
console.log(result7);

六、数组去重

//思路：新建一个空数组，遍历传进来的arr，再使用indexOf()方法，最后push到新建的数组中
//indexOf(): 判断新创建的数组中是否有a[i]，如果没有indexOf返回-1，并且把arr[i]放入该新数组中
function unique(arr) {
  if (!Array.isArray(arr)) {
    return;
  }
  let temp = [];
  for (let i = 0; i < arr.length; i++) {
    if (temp.indexOf(arr[i]) === -1) {
      temp.push(arr[i]);
    }
  }
  return temp;
}
var result8 = unique([1, 1, 2, 8, 6]);
console.log(result8);

数组去重2：ES6中新增了数据类型set，set的一个最大的特点就是数据不重复。Set函数可以接受一个数组（或类数组对象）作为参数来初始化，利用该特性也能做到给数组去重.

//使用Es6语去重
function unique1(arr1) {
  if (!Array.isArray(arr1)) {
    return;
  }
  return [...new Set(arr1)];
}
var res = unique1([1, 1, 2, 3, 6]);
console.log(res);

数组去重3：set结合Array.from(推荐、方便、快速)

function unique2(arr2) {
  if (!Array.isArray(arr2)) {
    return;
  }
  return Array.from(new Set(arr2));
}
var res1 = unique2([1, 1, 2, 3, 6]);
console.log(res1);

七、如何判断一个对象是否为数组

function isArray(arg) {
  if (typeof arg === "object") {
    return Object.prototype.toString.call(arg) === "[object Array]";
  }
  return false;
}
let arg = [1, 2, 6];
console.log(isArray(arg));  //true

八、将foo="get-element-by-id"转化为驼峰形式，即为"getElementById"。

function trannsform(str) {
//先去除连接符，split是将字符串转换为数组
  var arr = str.split("-");
  for (var i = 1; i < arr.length; i++) {
    arr[i] =
      arr[i].charAt(0).toUpperCase() + arr[i].substr(1, arr[i].length - 1);
  }
//将数组转换为字符串
  return arr.join("");
}
var str = "get-element-by-id";
console.log(trannsform(str));   //getElementById

九、反转数组

function revseArr(arr) {
  //arr.length / 2交换的次数
  for (var i = 0; i < arr.length / 2; i++) {
    var temp = arr[i];
    arr[i] = arr[arr.length - 1 - i];
    arr[arr.length - 1 - i] = temp;
  }
  return arr;
}
console.log(revseArr([1, 2, 3, 4, 6, 7])); //[ 7, 6, 4, 3, 2, 1 ]
//或者直接只用reverse
var reverseArr = [1, 3, 5];
console.log(reverseArr.reverse()); //[ 5, 3, 1 ]