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"];
