js基础面试题之手写各种简单方法

最新推荐文章于 2024-06-17 12:40:18 发布

原创最新推荐文章于 2024-06-17 12:40:18 发布 · 663 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#JS基础面试题 #js基础 #面试题

我的笔记专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了JavaScript中常见的算法实现，包括字符串转换为驼峰命名法、冒泡排序、数组反转及去重等核心技能，是前端开发者提升代码效率与质量的实用指南。

js基础知识点

实现’-'转驼峰式命名

function handerfn(str){
      let arr = str.split('-');
      let strResult=''
      arr.forEach(item => {
        let result = item.charAt(0).toUpperCase() + item.substring(1);
        strResult+=result
      });
      return strResult;
    }

实现冒泡排序

function handerSort(arr){
      for (let i = 0; i < arr.length; i++) {
        for (let j = 0; j < arr.length-1-i; j++) {
          if(arr[j]>arr[j+1]){
            let temp = arr[j];
            arr[j] = arr[j+1]
            arr[j+1] = temp;
          }
        }
      }
      return arr
    }

数组的反转

function handleReverse(arr){
  for (let i = 0; i < Math.floor(arr.length/2); i++) {
    let temp = arr[i]
    arr[i] = arr[arr.length-1-i]
    arr[arr.length-1-i] = temp
  }
  return arr
}

数组去重

1.  [...new Set(arr)]
2. 判断是否包含
function handleNoRepeat(arr){
  let resultArr = []
  arr.forEach(item=>{
    if(! resultArr.includes(item)){
      resultArr.push(item)
    }
  })
  return resultArr
}
3. 原生方法：用原数组的每一个元素去和新数组的每个元素对比，如果有相同就跳出循环，不同就追加到新数组里；要注意先把原数组的第一个元素赋值给新数组，不然没法循环；
function handleNoRepeat2(arr){
  let resultArr = []
  resultArr[0] = arr[0]
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < resultArr.length; j++) {
      if(arr[i]==resultArr[j]){
        break;
      }
      if(j==resultArr.length-1){
        resultArr.push(arr[i])
      }
    }
  }
  return resultArr
}