菜单

manbetx2.0手机版遍历js中目的的个性和值的实例

2019年6月28日 - Html/Html5

前日优化品种时,遭遇了有关”遍历js中目的的性质和值”的需求。之所以会有其一须要,是因为要做三个某些刷新表格内容的js插件。刚开首自己去互连网荡了三个js分页插件,不过智力商数实在捉急,搞了半天没搞出来!后来就怒了,干脆自身写二个好了。结果就遭逢了这些难点!

实例如下:

标题:通过遍历属性名数组,获取对象的属性值退步

var Statistics_Website_logo ={
             'Website_logo_title':'学而思',
             'Website_logo_Theme':'教育行业',
             'Website_logo_Company':'好未来'
   };

for (var Key in Statistics_Website_logo){
      Websitelogo =Websitelogo+'&'+''+Key+'='+Statistics_Website_logo[Key]+'';
    }

刚开首的错误代码如下:

上述那篇js中遍历对象的属性和值的主意正是作者分享给我们的全体内容了,希望能给大家二个参照,也期待大家多多帮衬脚本之家。

for(var i=0;i<dataList.length;i++)
{
  var dataLine="<tr>";   
  for(var j=0;j<filedList.length;j++){
    dataLine+="<td>"+dataList[i].filedList[j]+"</td>"; 
  } 
  dataLine+="</tr>";
  $("#"+tableName).append(dataLine);
}

你或者感兴趣的稿子:

第一说一下,dataList里面放的是指标数组;filedList里面放的是指标的性质字段名数组。刚起首是那样想的,遍历dataList,每便都足以得到多个目的,然后嵌套for循环,遍历filedList,每趟得到它的一个属性值,然后拼凑成表格。

比如:dataList[0]便是二个Emp对象,而Emp里面有id,name等质量。平时我们就可以通过dataList[0].id获得当前Emp对象的id值。可是如若遍历属性字段数组的话,就不可能通过这种格局dataList[0].filedList[0]。那并不是说filedList[0]里头未有博得到值,因为自个儿经过alert(filedList[0])已经获得了那些id值为1。那么为啥得到失利呢?因为它是去找Emp对象里面包车型客车二个叫做filedList[0]的性格了!Emp对象里面当然未有那么些性格了,所以就理所应当的得到战败了,那么大家又该怎样赢得对象的属性值呢?


消除方案:用“抓实for循环”去遍历

科学代码如下:

for(var i=0;i<dataList.length;i++)
{
  var dataLine="<tr>";   
  for(var filedName in dataList[i]){
    dataLine+="<td>"+dataList[i][filedName]+"</td>"; 
  } 
  dataLine+="</tr>";
  $("#"+tableName).append(dataLine);
}

化解思路:既然dataList[i]是一个对象,那么小编老是就足以获得那个指标的属性名,然后通过dataList[i][filedName],即对象[属性名]的章程赢得那几个个性的属性值。

参谋:JS获得叁个指标的保有属性和章程

function displayProp(obj){  
  var names="";    
  for(var name in obj){    
    names+=name+": "+obj[name]+", "; 
  } 
  alert(names); 
} 

看来,js的效益依旧很有力的!

上述那篇遍历js中目的的属性和值的实例便是笔者分享给我们的全体内容了,希望能给大家贰个参照,也期待大家多多援助脚本之家。

你或者感兴趣的稿子:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图