es5的一些新特性的學習
在對js有了一定學習之後,為了方便對資料的處理和專案的開發,今天來學習以下ES5的一些新標準和新方法
1,關於陣列物件過濾的filter和some
filter用法:var data = [
{ id:1,
name:‘hhh’,
sex:’female‘
}
......
]
var arr = data.filter( function ( value,index,array) {value是一個個陣列中的物件,index是下標,即第幾個物件
return value.id > 5 ;//篩選出這些物件中id大於5的物件 返回一個物件陣列;
});
some用法:
var resultArr = [ ];
var results = data.some( function ( value,index,array) {value是一個個陣列中的物件,index是下標,即第幾個物件
if (value.id > 5)
{ resultArr.push(value)//返回所有id大於5的value }
});
其中some執行完篩選後返回一個邏輯值 返回true代表可以找到並結束/返回false代表沒找到
需要的陣列物件需要定義一個數組用push方法去接收入棧;
2.建立臨時資料並且顯示到表格中的方法:
function setData(mydata) {
tbody.innerHTML = '';
mydata.forEach(function(value,index,array) { //物件陣列迴圈遍歷方法:
console.log(value);
var tr = document.createElement('tr');
tbody.appendChild(tr);//父元素.appendchild(子元素) 在父元素下新增一個子元素
tr.innerHTML = '<td>'+value.id+'</td><td>'+value.pname+'</td><td>'+value.price+'</td>';
});
};
setData(tabledata);
3.返回一個物件的所有鍵名的方法Object.keys(obj) //以一個數組的形式返回,需要定義一個接收量,obj是你自己建立的物件
4.為物件新增加屬性:原始的方法:obj.hairColor = 'green';
現在:Object.defineProperty(obj,'hairColor',{
value:'green',
enumerable:false //為false代表這個新屬性不會被遍歷出來。預設是false
});
5.去除前後空格的trim()方法
用法: var a = ’ abc ‘; console.log(a.trim())
6.回憶一下繫結標籤的方法把:首先都是document開頭 其後:getelementbyid/getelementbyclass/getelementbytagname/queryselector/ 新增事件: a.onmouseover = function() {} a.addeventlistenser('click',function () {})