jQuery String Template Format Function

最新推荐文章于 2025-01-02 09:17:19 发布

转载最新推荐文章于 2025-01-02 09:17:19 发布 · 1.5k 阅读

文章标签：

#jquery

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个实用的jQuery函数formatVarString，用于实现字符串中的变量替换。通过简单的语法即可将变量嵌入到字符串中，例如使用{1}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://www.sitepoint.com/jquery-string-template-format-function/

Pretty useful jQuery function I’ve called “formatVarString”. Its takes a string as the first argument with n arguments after with which to perform variable substitution (returning variables as part of a string using parenthesis).

You can simply use {1}, {2}, {3} etc to reference variables in a string.

Usage

formatVarString('we love {1}.', 'jQuery4u');
//output: "we love jQuery4u."

formatVarString('{1} is a {2} aimed to help you learn {3}.', 'jQuery4u', 'blog', 'jQuery');
//output: "jQuery4u is a blog aimed to help you learn jQuery."
The jQuery Format Function

源码：

var JQUERY4U = {};
JQUERY4U.UTIL = {
formatVarString: function()
    {
        var args = [].slice.call(arguments);
        if(this.toString() != '[object Object]')
        {
            args.unshift(this.toString());
        }

        var pattern = new RegExp('{([1-' + args.length + '])}','g');
        return String(args[0]).replace(pattern, function(match, index) { return args[index]; });
    }
}

使用：

JQUERY4U.UTIL.formatVarString('{1} is a {2} aimed to help you learn {3}.', 'jQuery4u', 'blog', 'jQuery');
//output: "jQuery4u is a blog aimed to help you learn jQuery."

Was this helpful?
More:
javascript return string variables {1}