js基础编程-题目3

整理下初学时做过的js基础编程题目和大家分享以下，如果大家觉得有用，别忘了点一下赞哦

数组去重

将数组 [1,1,2,3,3]实现去重，分别用ES5和ES6的方法

ES5 filter(过滤)

arr.filter(
	(val,i)=>  arr.indexOf(val)===i
)

ES6 Set数据结构

[...new Set(arr)]

这里扩展下

• 封装filter

Array.prototype.myFilter = function(callback,context){
    
    
  let res = [];
  context = context || window;
  for(let i = 0 ;i< this.length ; i++){
    
     
    callback.apply(context,[this[i],i,this])?res.push(this[i]):null
  }
  return res
}

• indexOf 和 lastIndexOf 的 兼容性
  在字符串中使用 所有的浏览器都兼容
  在数组中使用 IE6-IE8不兼容
  indexOf 获得数组成员(或字符)在数组(或字符串)首次出现的索引
  lastIndexOf 获得数组成员(或字符)在数组(或字符串)最后一次出现的索引
• 扩展运算符 ...
  扩展运算符有三种用法

第一种：扩展运算符(多用于结构赋值中)
let [x,...y] = [1,2,3,4]
// x:1
// y:[2,3,4]
第二种：展开运算符(多用于传递实参中)
Math.max(...[1,2,3,4])//4
第三中：剩余运算符(多用于接受实参中)
((a,...b)=>{
    
    
// a:1
// b:[2,3]
})(1,2,3)

注意点：
a.只有函数调用(传递实参)时，扩展运算符才能放在圆括号中
b.用于解构赋值时，只能放在参数的最后一位，用于接受实参也属于解构赋值。