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

posted on 2021-08-01 18:59  星星念念$6404  阅读(94)  评论(0编辑  收藏  举报