मैं MicrosoftAjax से JQuery के लिए कुछ जावास्क्रिप्ट कोड को स्थानांतरित करने की कोशिश कर रहा हूँ। मैं लोकप्रिय .net तरीकों के MicrosoftAjax में जावास्क्रिप्ट समकक्षों का उपयोग करता हूं, जैसे String.format (), String.startsWith (), आदि क्या jQuery में उनके समकक्ष हैं?
जवाबों:
ASP.NET AJAX के लिए स्रोत कोड उपलब्ध है ताकि आप इसे माध्यम से ले सकते हैं और कुछ हिस्सों तो आपको एक अलग जे एस फ़ाइल में उपयोग जारी रखना चाहते शामिल कर सकते हैं, आपके संदर्भ के लिए। या, आप उन्हें jQuery में पोर्ट कर सकते हैं।
यहाँ प्रारूप समारोह है ...
String.format = function() {
var s = arguments[0];
for (var i = 0; i < arguments.length - 1; i++) {
var reg = new RegExp("\\{" + i + "\\}", "gm");
s = s.replace(reg, arguments[i + 1]);
}
return s;
}
और यहाँ एंडवाइट्स हैं और प्रोटोटाइप फ़ंक्शंस के साथ शुरू ...
String.prototype.endsWith = function (suffix) {
return (this.substr(this.length - suffix.length) === suffix);
}
String.prototype.startsWith = function(prefix) {
return (this.substr(0, prefix.length) === prefix);
}
{0}{1}, {0}पहले बदल दिया जाएगा, और उसके बाद की सभी घटनाओं {1}में दोनों पहले से ही एवजी पाठ और मूल स्वरूप बदल दिया जाएगा।
यह जोश द्वारा पोस्ट किए गए फ़ंक्शन का एक तेज / सरल (और प्रोटोटाइप) भिन्नता है:
String.prototype.format = String.prototype.f = function() {
var s = this,
i = arguments.length;
while (i--) {
s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), arguments[i]);
}
return s;
};उपयोग:
'Added {0} by {1} to your collection'.f(title, artist)
'Your balance is {0} USD'.f(77.7) मैं इसका इतना उपयोग करता हूं कि मैंने इसे सिर्फ करने के लिए उतारा है f, लेकिन आप अधिक क्रिया का भी उपयोग कर सकते हैं format। जैसे'Hello {0}!'.format(name)
उपरोक्त कार्यों में से कई (जूलियन जेफल्स को छोड़कर) में निम्नलिखित त्रुटि है:
js> '{0} {0} {1} {2}'.format(3.14, 'a{2}bc', 'foo');
3.14 3.14 afoobc fooया, तर्क सूची के अंत से पीछे की ओर गिनने वाले वेरिएंट के लिए:
js> '{0} {0} {1} {2}'.format(3.14, 'a{0}bc', 'foo');
3.14 3.14 a3.14bc fooयहाँ एक सही कार्य है। यह जूलियन जेफ्स कोड का एक प्रोटोटाइप संस्करण है, जिसे मैंने थोड़ा सा तंग किया है:
String.prototype.format = function () {
var args = arguments;
return this.replace(/\{(\d+)\}/g, function (m, n) { return args[n]; });
};और यहाँ उसी का थोड़ा और अधिक उन्नत संस्करण है, जो आपको उन्हें दोगुना करके ब्रेसिज़ से बचने की अनुमति देता है:
String.prototype.format = function () {
var args = arguments;
return this.replace(/\{\{|\}\}|\{(\d+)\}/g, function (m, n) {
if (m == "{{") { return "{"; }
if (m == "}}") { return "}"; }
return args[n];
});
};यह सही ढंग से काम करता है:
js> '{0} {{0}} {{{0}}} {1} {2}'.format(3.14, 'a{2}bc', 'foo');
3.14 {0} {3.14} a{2}bc fooब्लेयर मिचेलमोर द्वारा अच्छी अतिरिक्त सुविधाओं के एक समूह के साथ एक और अच्छा कार्यान्वयन यहां दिया गया है: https://web.archive.org/web/20120315214858/http://blairmitchelmore.com/javascript/string.format
एक प्रारूप फ़ंक्शन बनाया जो एक संग्रह या एक सरणी को तर्क के रूप में लेता है
उपयोग:
format("i can speak {language} since i was {age}",{language:'javascript',age:10});
format("i can speak {0} since i was {1}",'javascript',10});कोड:
var format = function (str, col) {
col = typeof col === 'object' ? col : Array.prototype.slice.call(arguments, 1);
return str.replace(/\{\{|\}\}|\{(\w+)\}/g, function (m, n) {
if (m == "{{") { return "{"; }
if (m == "}}") { return "}"; }
return col[n];
});
};String.prototype?
एक (कुछ हद तक) आधिकारिक विकल्प है: jQuery.validator.format ।
JQuery सत्यापन प्लगिन 1.6 (कम से कम) के साथ आता है। .NET में पाए
जाने वाले समान String.Format।
फिक्स्ड टूटी हुई लिंक संपादित करें ।
यदि आप सत्यापन प्लगइन का उपयोग कर रहे हैं तो आप उपयोग कर सकते हैं:
jQuery.validator.format("{0} {1}", "cool", "formatting") = 'cool formatting'
http://docs.jquery.com/Plugins/Validation/jQuery.validator.format#templateargumentargumentN ...
यद्यपि वास्तव में क्यू क्या नहीं पूछ रहा था, मैंने एक ऐसा बनाया है जो समान है लेकिन क्रमांकित के बजाय नामित प्लेसहोल्डर्स का उपयोग करता है। मैं व्यक्तिगत रूप से तर्कों का नाम देना पसंद करता हूं और इसे एक तर्क के रूप में एक वस्तु में भेजता हूं (अधिक क्रिया, लेकिन बनाए रखना आसान है)।
String.prototype.format = function (args) {
var newStr = this;
for (var key in args) {
newStr = newStr.replace('{' + key + '}', args[key]);
}
return newStr;
}यहाँ एक उदाहरण उपयोग है ...
alert("Hello {name}".format({ name: 'World' }));एक आधुनिक ब्राउज़र का उपयोग करना, जो EcmaScript 2015 (ES6) का समर्थन करता है, आप टेम्पलेट स्ट्रिंग्स का आनंद ले सकते हैं । स्वरूपण के बजाय, आप सीधे चर मान को इसमें इंजेक्ट कर सकते हैं:
var name = "Waleed";
var message = `Hello ${name}!`;ध्यान दें टेम्प्लेट स्ट्रिंग को बैक-टिक्स (`) का उपयोग करके लिखा जाना है।
अब तक प्रस्तुत किए गए उत्तरों में से किसी में भी एक बार आरंभ करने और बाद के उपयोग के लिए नियमित भावों को संग्रहीत करने के लिए संलग्नक का उपयोग करने का कोई स्पष्ट अनुकूलन नहीं है।
// DBJ.ORG string.format function
// usage: "{0} means 'zero'".format("nula")
// returns: "nula means 'zero'"
// place holders must be in a range 0-99.
// if no argument given for the placeholder,
// no replacement will be done, so
// "oops {99}".format("!")
// returns the input
// same placeholders will be all replaced
// with the same argument :
// "oops {0}{0}".format("!","?")
// returns "oops !!"
//
if ("function" != typeof "".format)
// add format() if one does not exist already
String.prototype.format = (function() {
var rx1 = /\{(\d|\d\d)\}/g, rx2 = /\d+/ ;
return function() {
var args = arguments;
return this.replace(rx1, function($0) {
var idx = 1 * $0.match(rx2)[0];
return args[idx] !== undefined ? args[idx] : (args[idx] === "" ? "" : $0);
});
}
}());
alert("{0},{0},{{0}}!".format("{X}"));इसके अलावा, यदि कोई पहले से मौजूद है तो कोई भी उदाहरण प्रारूप () कार्यान्वयन का सम्मान नहीं करता है।
ये मेरा:
String.format = function(tokenised){
var args = arguments;
return tokenised.replace(/{[0-9]}/g, function(matched){
matched = matched.replace(/[{}]/g, "");
return args[parseInt(matched)+1];
});
}बुलेट प्रूफ नहीं लेकिन काम करता है अगर आप समझदारी से इसका उपयोग करें।
पिछले सत्र के अंत में, लेकिन मैं अभी दिए गए उत्तरों को देख रहा हूं और मेरी योग्यता है:
उपयोग:
var one = strFormat('"{0}" is not {1}', 'aalert', 'defined');
var two = strFormat('{0} {0} {1} {2}', 3.14, 'a{2}bc', 'foo');तरीका:
function strFormat() {
var args = Array.prototype.slice.call(arguments, 1);
return arguments[0].replace(/\{(\d+)\}/g, function (match, index) {
return args[index];
});
}परिणाम:
"aalert" is not defined
3.14 3.14 a{2}bc fooअब आप खाका साहित्य का उपयोग कर सकते हैं :
var w = "the Word";
var num1 = 2;
var num2 = 3;
var long_multiline_string = `This is very long
multiline templete string. Putting somthing here:
${w}
I can even use expresion interpolation:
Two add three = ${num1 + num2}
or use Tagged template literals
You need to enclose string with the back-tick (\` \`)`;
console.log(long_multiline_string);यहां मेरा संस्करण है जो '{' से बचने में सक्षम है, और उन अनसाइनड प्लेस होल्डर्स को साफ करता है।
function getStringFormatPlaceHolderRegEx(placeHolderIndex) {
return new RegExp('({)?\\{' + placeHolderIndex + '\\}(?!})', 'gm')
}
function cleanStringFormatResult(txt) {
if (txt == null) return "";
return txt.replace(getStringFormatPlaceHolderRegEx("\\d+"), "");
}
String.prototype.format = function () {
var txt = this.toString();
for (var i = 0; i < arguments.length; i++) {
var exp = getStringFormatPlaceHolderRegEx(i);
txt = txt.replace(exp, (arguments[i] == null ? "" : arguments[i]));
}
return cleanStringFormatResult(txt);
}
String.format = function () {
var s = arguments[0];
if (s == null) return "";
for (var i = 0; i < arguments.length - 1; i++) {
var reg = getStringFormatPlaceHolderRegEx(i);
s = s.replace(reg, (arguments[i + 1] == null ? "" : arguments[i + 1]));
}
return cleanStringFormatResult(s);
}निम्नलिखित उत्तर शायद सबसे अधिक कुशल है, लेकिन तर्क के केवल 1 से 1 mappings के लिए उपयुक्त होने का चेतावनी है। यह समवर्ती स्ट्रिंग्स के सबसे तेज़ तरीके का उपयोग करता है (स्ट्रिंगर के समान: स्ट्रिंग्स की सरणी, जुड़ गया)। यह मेरा अपना कोड है। शायद एक बेहतर विभाजक की जरूरत है।
String.format = function(str, args)
{
var t = str.split('~');
var sb = [t[0]];
for(var i = 0; i < args.length; i++){
sb.push(args[i]);
sb.push(t[i+1]);
}
return sb.join("");
}इसका उपयोग करें जैसे:
alert(String.format("<a href='~'>~</a>", ["one", "two"]));यह DRY सिद्धांत का उल्लंघन करता है, लेकिन यह एक संक्षिप्त समाधान है:
var button = '<a href="{link}" class="btn">{text}</a>';
button = button.replace('{text}','Authorize on GitHub').replace('{link}', authorizeUrl);<html>
<body>
<script type="text/javascript">
var str="http://xyz.html?ID={0}&TId={1}&STId={2}&RId={3},14,480,3,38";
document.write(FormatString(str));
function FormatString(str) {
var args = str.split(',');
for (var i = 0; i < args.length; i++) {
var reg = new RegExp("\\{" + i + "\\}", "");
args[0]=args[0].replace(reg, args [i+1]);
}
return args[0];
}
</script>
</body>
</html>मुझे जोश स्टोडोला के काम करने का जवाब नहीं मिला, लेकिन निम्नलिखित ने मेरे लिए काम किया। के विनिर्देश पर ध्यान दें prototype। (आईई, एफएफ, क्रोम और सफारी पर परीक्षण किया गया।):
String.prototype.format = function() {
var s = this;
if(t.length - 1 != args.length){
alert("String.format(): Incorrect number of arguments");
}
for (var i = 0; i < arguments.length; i++) {
var reg = new RegExp("\\{" + i + "\\}", "gm");
s = s.replace(reg, arguments[i]);
}
return s;
}sवास्तव में एक होना चाहिए क्लोन की thisइतनी के रूप में एक विनाशकारी विधि होने के लिए नहीं है, लेकिन यह वास्तव में आवश्यक नहीं है।
ऊपर adamJLev के शानदार उत्तर पर विस्तार से , यहाँ टाइपस्क्रिप्ट संस्करण है:
// Extending String prototype
interface String {
format(...params: any[]): string;
}
// Variable number of params, mimicking C# params keyword
// params type is set to any so consumer can pass number
// or string, might be a better way to constraint types to
// string and number only using generic?
String.prototype.format = function (...params: any[]) {
var s = this,
i = params.length;
while (i--) {
s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), params[i]);
}
return s;
};मेरे पास एक प्लंकर है जो इसे स्ट्रिंग प्रोटोटाइप में जोड़ता है: string.format यह केवल कुछ अन्य उदाहरणों की तरह छोटा नहीं है, बल्कि बहुत अधिक लचीला है।
उपयोग c # संस्करण के समान है:
var str2 = "Meet you on {0}, ask for {1}";
var result2 = str2.format("Friday", "Suzy");
//result: Meet you on Friday, ask for Suzy
//NB: also accepts an arrayइसके अलावा, नाम और वस्तु गुणों का उपयोग करने के लिए जोड़ा समर्थन
var str1 = "Meet you on {day}, ask for {Person}";
var result1 = str1.format({day: "Thursday", person: "Frank"});
//result: Meet you on Thursday, ask for Frankआप इस तरह से प्रतिस्थापन के साथ सरणी को भी बंद कर सकते हैं।
var url = '/getElement/_/_/_'.replace(/_/g, (_ => this.ar[this.i++]).bind({ar: ["invoice", "id", 1337],i: 0}))
> '/getElement/invoice/id/1337या आप कोशिश कर सकते हैं bind
'/getElement/_/_/_'.replace(/_/g, (function(_) {return this.ar[this.i++];}).bind({ar: ["invoice", "id", 1337],i: 0}))