변수를 동적으로 업데이트하십시오. JS

Question

공백이있는 다른 필드의 값을 사용하여 한 필드의 값을 업데이트하고 싶습니다. value가 null 인 경우에는 공백을 추가하지 않아야합니다. 가치 집합에 IF를 사용할 수 없기 때문에 어떤 논리를 사용해야합니까?

예

document.getElementById("target").value= Constant+if(name){" "+this.value}+if(age){" "+this.value}+if(height){" "+this.value}; 

Answer 1

당신이 경우 사용할 수있는 함수에 문자열 서식 코드를 넣어 진술.

document.getElementById("target").value = formatValue(); 

function formatValue(){ 
    var formattedString = Constant; 

    if(name){ 
     formattedString += " " + name; 
    } 

    if(age){ 
     formattedString += " " + age: 
    } 

    if(height){ 
     formattedString += " " + height: 
    } 

    return formattedString; 
} 

당신이 명명 된 기능이 자동 호출하는 익명 함수를 사용하지 않으려면 : 그냥 원하는 변화를하지 말도록 내가 필요한 필드를 사용하고

document.getElementById("target").value = (function(){ 
    var formattedString = Constant; 

    if(name){ 
     formattedString += " " + name; 
    } 

    if(age){ 
     formattedString += " " + age: 
    } 

    if(height){ 
     formattedString += " " + height: 
    } 

    return formattedString; 
})(); 

Answer 2

당신이 삼항 연산자라고 찾고 있습니다. 반환 할 부울 조건 인 ?과 true 값이 이어지고 : 후에 false 값이 반환됩니다.

console.log((name ? name : '') + (age ? age : '')); 

당신이하고있는 일에 대해, 나는 이런 방식으로 많은 수의 삼자를 연결하지 않을 것입니다. 배열을 만들고 가입하십시오. 당신이 Array.filter (새로운 브라우저)를 사용할 수있는 경우

var parts = []; 
if (name) { 
    parts.push(name); 
} 
if (age) { 
    parts.push(age); 
} 
// etc. etc. 

console.log(parts.join(' ')); 

, 모든 if 문을 필요로하지 않는, 당신의 배열을 단순화 할 수 있습니다 : http://www.devign.me/javascript-tip-remove-falsy-items-out-of-an-array