Javascript를 키 또는 함수로 다시 전달하는 방법은 무엇입니까?

Question

<script type='text/javascript'> 

// I have template and info 
var img_template = "<img src='{src}' width='{width}' height='{height}' title='{title}' />"; 
var img_info = { 
    src : 'http://myimage.com/img.jpg', 
    width: '100px', 
    height: '100px', 
    title: 'My Image' 
} 

// I want to put info to template but It's not work. 
// How should I do ? 
var my_image = img_template.replace(/{(.+?)}/g, img_info['$1']); 

</script> 

Answer 1

를 사용하여 교체하는 기능 :

<script type='text/javascript'> 
var img_template = "<img src='{src}' width='{width}' height='{height}' title='{title}' />"; 
var img_info = { 
    src : 'http://myimage.com/img.jpg', 
    width: '100px', 
    height: '100px', 
    title: 'My Image' 
} 

var my_image = img_template.replace(/{(.+?)}/g, function(a,b){ 
     return img_info[b]; 
}); 
</script> 

Answer 2

var my_image = img_template.replace(/{(.+?)}/g, function(m,v){return img_info[v];}); 

예를 http://www.jsfiddle.net/gaby/3Lu4h/

더에서 function as a parameter to the replace method

Answer 3

var my_image = img_template.replace(/{(.+?)}/g, function(match, group1){ 
    return img_info[group1]; 
}); 

Answer 4

사용에 대한 당신은 replace()에 대한 콜백 함수가 필요합니다. 재사용 가능한 형태로

var img_template = "<img src='{src}' width='{width}' height='{height}' title='{title}' />"; 
var img_info = { 
    src : 'http://myimage.com/img.jpg', 
    width: '100px', 
    height: '100px', 
    title: 'My Image' 
}; 

// callback function will be executed for each match 
var my_image = img_template.replace(/{([^}]+)}/g, function(match, group1) { 
    // return lookup value or the empty string 
    return img_info[group1] || ""; 
}); 

또는 :

function HtmlTemplate(html) { 
    this.template = html; 
    this.render = function(info) { 
    return this.template.replace(/{([^}]+)}/g, function(match, group1) { 
     return info[group1] || ""; 
    }); 
    }; 
} 

var imgTemplate = new HtmlTemplate("<img src='{src}' width='{width}' height='{height}' title='{title}' />"); 

// later 

var img = imgTemplate.render(img_info);