前端技能在线测评挑战记录

前端技能在线测评挑战记录

入门

查找两个节点的最近的一个共同父节点，

function commonParentNode(oNode1, oNode2) {
    while(true){
        oNode1 = oNode1.parentNode;
        if(oNode1.contains(oNode2)){
            return oNode1;
        }
    }
}

js的contains方法用来查看dom元素的包含关系。
indexof用来查找某个元素的位置，如果不存在就返回-1，有则返回元素位置。
includes()函数用来判断一个数组是否包含一个指定的值，包含则返回true，否则false（可用于字符串）。
charCodeAt()返回字符串的Unicode 编码。

Break 和 Continue

break 语句也可用于跳出循环。
continue 语句中断（循环中）的一个迭代，如果发生指定的条件。然后继续循环中的下一个迭代。

数组去重

1、ES6新出的Set来去重：为 Array 对象添加一个去除重复项的方法

Array.prototype.uniq = function () {
    return Array.from(new Set(this))
}
Array.prototype.uniq = function () {
    return [...new Set(this)]
}

Set数据结构类似于数组，但里面的成员都是唯一的。判断是否唯一的标准基本等同于‘=’，唯一的区别在于，‘=’判断时NaN与NaN不相等，但Set会认为它们相等并去重。
由于Set只是类似数组，所以要用Array.from返回一个真正的数组。（展开Set数据结构）

斐波那契数列

这个数列从第3项开始，每一项都等于前两项之和。

function fibonacci(n) {
    if(n==2||n==1){
        return 1 
    }
    return fibonacci(n-1) +fibonacci(n-2)
}

邮箱字符串判断

使用正则表达式做效验

function isAvailableEmail(sEmail) {
    var pattern = /^[\da-z]+[\w\.-]?[\da-z]+@[a-z\d]+[\w\.-]?[a-z\d]+\.[a-z\d]{2,}$/i;
    return pattern.test(sEmail);
}

test() 方法用于检测一个字符串是否匹配某个模式

将字符串转换为驼峰格式(‘font-size’ =>“fontSize”)

通过split(’-’)将原字符串拆分成由若干个字符串组成的数组
首个字符串不做处理
将对应字符串拆成以单个字母组成的临时数组,将index为0的字母转为大写

function cssStyle2DomStyle(sName) {
  // 先通过split('-')将原字符串拆分成由若干个字符串组成的数组，并删除空字符串项
  const arrs = sName.split('-').filter(item => item)
  // 定义一个用于记录的空字符串
  let name = ''
  // 循环arrs
  for (const i in arrs) {
      // 首个字符串不做处理
      if (i == 0) {
        name += arrs[i]
      } else {
         // 将对应字符串拆成以单个字母组成的临时数组
         const nameArr = arrs[i].split('')
         // 将index为0的字母转为大写
         nameArr[0] = nameArr[0].toUpperCase()
         // 再将该临时数组组成新的字符串并记录下来    
         name+= nameArr.join('')
      }
  }

  return name
}

split() 方法用于把一个字符串分割成字符串数组。
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。（可用来过滤）
toLowerCase()大写转小写， toUpperCase()小写转大写，

字符串字符统计

根据字符串长度循环，判断对象中是否含有str[ i ] ,没有设置为1，continue跳出迭代，有则累加。

function count(str) {
  let rs = {}
  str = str.replace(/\s/gi, '')
  for(let i=0,imax=str.length; i<imax; i++) {
    if (rs[str[i]] == null) {
      rs[str[i]] = 1
      continue
    }
    rs[str[i]]++
  }
  return rs
}

数组求和

ES6 reduce方法

function sum(arr) {
    var sum = arr.reduce((x,y)=>x+y)
    return sum
}

reduce函数常用

一、语法

arr.reduce(function(prev,cur,index,arr){
...
}, init);

其中，
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。
用法：求数组项之和、求数组项最大值、数组去重
参考：https://www.cnblogs.com/amujoe/p/11376940.html
参考：https://www.jianshu.com/p/e375ba1cfc47