前端javascript常见问题总结

一、javscript部分

1、如何判断一个对象是否为空对象？

• 方法1：

let obj1 = {
   }
let obj2 = {
   a:1}
function empty(obj){
   
  for (let key in obj){
   
    return false;    //非空
}
  return true;       //为空
}
console.log(empty(obj1)) //true为空
console.log(empty(obj2)) //false非空

• 方法2

let obj1 = {
   }
let obj2 = {
   a:1}
function empty(obj){
   
  for (let key in obj){
   
    return false;    //非空
}
  return true;       //为空
}
console.log(empty(obj1)) //true为空
console.log(empty(obj2)) //false非空

• 方法3

let obj1 = {
   }
let obj2 = {
   a:1}
function empty(obj){
   
  for (let key in obj){
   
    return false;    //非空
}
  return true;       //为空
}
console.log(empty(obj1)) //true为空
console.log(empty(obj2)) //false非空

• 方法4

Object.keys(obj).length == 0

• 方法5
  通过将对象转换吃哼json字符串，进而判断是否为空对象。

function ObjectIsNullOrNot02(param){
   
    return JSON.stringify(param)==="{}"?true:false;
}

2、如何判断一个对象是否有某一属性?

• 方法1：
  . 或 [ ] 当此属性的值为false、undefined、NaN、null、0、"" 时，此方法不适用。

if (obj2.a){
   
   console.log("对象有此属性")
}else {
   
   console.log("对象无此属性")
}

• 方法2
  in运算符 如果某属性在指定对象或其原型链上则返回true，只需判断自身属性时，此方法不适用。

if (obj2.a){
   
   console.log("对象有此属性")
}else {
   
   console.log("对象无此属性")
}

• 方法3：
  obj.hasOwnProperty() 对象自身属性中含有某属性，返回true。

let obj2 = {
   a:1}if (obj2.hasOwnProperty("a")){
   
   console.log("对象上有此属性")
}else {
   
   console.log("对象上无此属性")
}

3、关于数组一些常用方法总结

• map方法

map()方法根据回调函数映射一个新数组

Array.prototype.map=function(fn){
   
    const result=[];
    for(let i=0;i<this.length;i++){
   
      if(!this.hasOwnProperty(i)) continue; //处理是稀疏数组的情况
      result.push(fn(this[i],i,this));
    }
    return result;
  }
// 使用
  // const arr_m=[1,2,3,,5];
  // const mapArr=arr_m.map(item=>item * 2);
  // console.log(mapArr);
  

• filter方法

filter()方法返回一个数组，返回的每一项是在回调函数中执行结果true。

  Array.prototype.filter=function(fn){
   
    const result=[];
    for(let i=0;i<this.length;i++){
   
      if(!this.hasOwnProperty(i)) continue;
      fn(this[i],i,this) &a