자바스크립트가 객체의 속성값을 탐색하는 방법에 대한 자세한 코드 설명

"js에서 객체의 속성과 값을 탐색하는 것"의 필요성에 대해. 그 이유는 테이블 내용을 부분적으로 새로 고치는 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; 객체 배열은 fileList에 배치됩니다. 객체의 속성 필드 이름 배열입니다. 처음에는 이렇게 생각해서 dataList를 순회하고 매번 객체를 얻은 다음 for 루프를 중첩하고 fileList를 순회하고 매번 해당 속성 값 중 하나를 가져온 다음 테이블로 함께 조각냅니다. .

예: dataList[0]은 Emp 개체이고 Emp에는 id 및 name과 같은 속성이 있습니다. 일반적으로 dataList[0].id를 통해 현재 Emp 객체의 id 값을 얻을 수 있습니다. 하지만 속성 필드 배열을 순회하면 dataList[0].filedList[0]을 이런 방식으로 사용할 수 없습니다. 이는 이미 Alert(filedList[0])를 통해 id 값 1을 얻었기 때문에 fileList[0]에서 값을 얻지 못했다는 의미는 아닙니다. 그렇다면 인수는 왜 실패하는 걸까요? Emp 객체에서 fileList[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]가 객체이므로 매번 이 객체의 속성을 얻을 수 있습니다. name, dataList[i][filedName], 즉 object[속성 이름]을 통해 이 속성의 속성 값을 얻습니다.

위 내용은 자바스크립트가 객체의 속성값을 탐색하는 방법에 대한 자세한 코드 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!