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