js技巧

js循环速记

//常规写法
for(var i=0;i<arr.length;i++){
      console.log(arr[i]);
}
//速记法
for(var index in arr){
    console.log(arr[index]);
}

短路求值

//常规写法
var haha ;
if(xixi){
   haha = xixi;
}else{
   haha = "我叫哈哈大笑"
}
//速记法
var haha = xixi || "我叫哈哈大笑";

三元操作符

//常规写法
const x = 20;
let answer;
if (x > 10) {
    answer = 'is greater';
} else {
    answer = 'is lesser';
}
//速记法
var answer = x > 10 ? 'is greater' : 'is lesser';

当需要给另一个变量分配一个变量时，你可能需要确保变量不是 null、undefined 或者不为空。你可以写一个有多个 if 表达式的语句，你也可以使用短路求值。

//常规写法
if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
     let variable2 = variable1;
}
//速记法
var variable2 = variable1 || 100;

js拼接html时给元素添加点击事件

问题描述：有时，发起ajax请求成功后，需要用js去拼接一小段html字符串，然后给某些元素添加事件时，事件总是加不上。
解决方法：在success 回调函数内，给元素添加事件绑定。

$.ajax({
      url : initDeniedUrl,
      dataType: “json”,
      type:’post’,
      xhrFields: {
          withCredentials: true
      },
      data:JSON.stringify({‘page’:1,’pageSize’:5}),
      contentType: ‘application/json; charset=utf-8’,
      success : function(res) {
                    var htmlStr = “<ul class=’artile-wap’>” + “<span class=’rfuse-circular2′></span>”;
                    $(‘div’).append(htmlStr);
                    $(‘ul’).on(‘click’,function(){
                                    alert(‘事件绑定上了’);
                    });
            }
});

forEach()方法对数组的每个元素执行一次提供的函数.

let a = ["a","b","c"];
a.forEach(function(element){
        console.log(element);
})
// a  b  c

let b = [{name:"zj",age:24,sex:"man"},{name:"dmy",age:20,sex:"woman"},{name:"wzb",age:22,sex:"man"},{name:"xkx",age:24,sex:"woman"}];
b.forEach(function(item){
        console.log(item["name"]+"-"+item["age"]+"-"+item["sex"]);
})
// zj-24-man  dmy-20-woman   wzb-22-man  xkx-24-woman

语法

array.forEach(callback(currentValue,index,array){
          //do something
},this)

array.forEach(callback[, thisArg]);

image.png

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in循环遍历该对象时返回的顺序一致 （两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性）。说白了返回的就是对象的key值，返回的结果以数组的形式，数组中的每项都是字符串。

参数

obj 要返回其枚举自身属性的对象

返回值

一个表示给定对象的所有可枚举属性的字符串数组

var obj = {0:"a",1:"b",2:"c"};
console.log(Object.keys(obj));
// ["0","1","2"];

/* getFoo是个不可枚举的属性 */ 
var my_obj = Object.create(
   {}, 
   { getFoo : { value : function () { return this.foo } } }
);
my_obj.foo = 1;

console.log(Object.keys(my_obj)); //["foo"];