1. 程式人生 > 其它 >es5的一些新特性的學習

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 () {})