Який найкращий підхід до використання великих літер у рядках?
Який найкращий підхід до використання великих літер у рядках?
Відповіді:
/**
* Capitalizes first letters of words in string.
* @param {string} str String to be modified
* @param {boolean=false} lower Whether all other letters should be lowercased
* @return {string}
* @usage
* capitalize('fix this string'); // -> 'Fix This String'
* capitalize('javaSCrIPT'); // -> 'JavaSCrIPT'
* capitalize('javaSCrIPT', true); // -> 'Javascript'
*/
const capitalize = (str, lower = false) =>
(lower ? str.toLowerCase() : str).replace(/(?:^|\s|["'([{])+\S/g, match => match.toUpperCase());
;
capitalize(' javascript'); // -> ' Javascript'
capitalize('бабушка курит трубку'); // -> 'Бабушка Курит Трубку'
capitalize('località àtilacol') // -> 'Località Àtilacol'
capitalize(`"quotes" 'and' (braces) {braces} [braces]`); // -> "Quotes" 'And' (Braces) {Braces} [Braces]
'CHECK THIS OUT'.capitalize(true) -> "Check This Out"
. true
Параметр розуму .
Найкоротша реалізація для використання великих літер у рядку - це використання стрілочних функцій ES6:
'your string'.replace(/\b\w/g, l => l.toUpperCase())
// => 'Your String'
ES5-сумісна реалізація:
'your string'.replace(/\b\w/g, function(l){ return l.toUpperCase() })
// => 'Your String'
Режекс в основному відповідає першій букві кожного слова в заданому рядку і перетворює лише цю літеру в великі регістри:
'ÿöur striñg'.replace(/(^|\s)\S/g, l => l.toUpperCase())
Цей регулярний вираз відповідає першої букві та кожній букві без пробілу, якій передує пробіл у заданому рядку і перетворює лише цю літеру у великі регістри:
Тут може бути використана група, яка не захоплює, як слід, /(?:^|\s)\S/g
хоча g
прапор у межах нашого регулярного вибору не захоплює підгрупи за задумом.
Ура!
päijät-häme
стаєPäIjäT-HäMe
EisbäRen
наприклад, це один результат.
Päijät-Häme
, але принаймні у пробілі Chrome не міститься тире (-), тому друга частина назви не пишеться з великої літери. Можна зафіксувати як /(^|\s|-)\S/g
.
function capitalize(s){
return s.toLowerCase().replace( /\b./g, function(a){ return a.toUpperCase(); } );
};
capitalize('this IS THE wOrst string eVeR');
вихід: "Це найгірший рядок"
Здається, це рішення замінює мою: https://stackoverflow.com/a/7592235/104380
Відповідь надається VSync працює до тих пір , поки ви не були акцентовані літери в рядку введення.
Я не знаю причину, але , мабуть, \b
в регулярному виразі відповідає також акцентовані літери (випробувано на IE8 і Chrome), тому рядок як "località"
би помилково капіталізовані перетворюється в"LocalitÀ"
(в à
листі отримує головну причину регулярний вираз думає , що це межа слово)
Більш загальна функція, яка працює також з наголошеними літерами, - це ця:
String.prototype.toCapitalize = function()
{
return this.toLowerCase().replace(/^.|\s\S/g, function(a) { return a.toUpperCase(); });
}
Ви можете використовувати його так:
alert( "hello località".toCapitalize() );
" javascript".toCapitalize() -> " javascript"
Оскільки всі дали вам відповідь на JavaScript, яку ви попросили, я підкажу, що властивість CSS text-transform: capitalize
зробить саме це.
Я усвідомлюю, що це може бути не тим, про що ви просите - ви не дали нам жодного контексту, в якому ви це працюєте, - але якщо це просто для презентації, я б неодмінно перейшов до альтернативи CSS.
Джон Резіг (слава jQuery) переніс сценарій Perl, написаний Джоном Грубером, на JavaScript. Цей сценарій пишеться з великої літери на більш розумний спосіб, він не використовує великих літер, наприклад, "з" і "і".
Ви можете знайти його тут: Велика літера з заголовком у JavaScript
Використання JavaScript та html
String.prototype.capitalize = function() {
return this.replace(/(^|\s)([a-z])/g, function(m, p1, p2) {
return p1 + p2.toUpperCase();
});
};
<form name="form1" method="post">
<input name="instring" type="text" value="this is the text string" size="30">
<input type="button" name="Capitalize" value="Capitalize >>" onclick="form1.outstring.value=form1.instring.value.capitalize();">
<input name="outstring" type="text" value="" size="30">
</form>
В основному, ви можете це зробити, string.capitalize()
і це буде використовувати великі літери кожної першої літери кожного слова.
Джерело: http://www.mediacollege.com/internet/javascript/text/case-capitalize.html
if (object.capitalize) {...} else {String.prototype.capitalize = function()....}
де об'єкт типу String
. Отже, насправді це досить просто.
Відповідь Іво хороша, але я вважаю за краще не узгоджуватись, \w
оскільки немає потреби використовувати величину 0-9 та AZ. Ми можемо ігнорувати ці і лише матчі на az.
'your string'.replace(/\b[a-z]/g, match => match.toUpperCase())
// => 'Your String'
Це той самий вихід, але я думаю, що ясніше в плані коду самодокументування.
"Är Toaletten"
. Ваша відповідь через кілька років після того, як було надано дуже хороший відповідь, не сприяє обговоренню ..
/\b\w/g
також виходить з ладу для не англійських листів. Не всі мають справу з символами Unicode, і це допоможе тим, хто цього не хоче.
console.log( _.capitalize('ÿöur striñg') );
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script>
Короткий ES6 спосіб зробити це може виглядати приблизно так.
const capitalizeFirstLetter = s => s.charAt(0).toUpperCase() + s.slice(1)
Це лише великі літери першої літери і не впливає на решту корпусу речення.
Моє рішення:
String.prototype.toCapital = function () {
return this.toLowerCase().split(' ').map(function (i) {
if (i.length > 2) {
return i.charAt(0).toUpperCase() + i.substr(1);
}
return i;
}).join(' ');
};
Приклад:
'álL riGht'.toCapital();
// Returns 'Áll Right'
'a áAA. bb . bbb .cc .d'.toCapital();
=>a Áaa. bb . Bbb .cc .d
Це повинно охоплювати більшість основних випадків використання.
const capitalize = (str) => {
if (typeof str !== 'string') {
throw Error('Feed me string')
} else if (!str) {
return ''
} else {
return str
.split(' ')
.map(s => {
if (s.length == 1 ) {
return s.toUpperCase()
} else {
const firstLetter = s.split('')[0].toUpperCase()
const restOfStr = s.substr(1, s.length).toLowerCase()
return firstLetter + restOfStr
}
})
.join(' ')
}
}
capitalize('THIS IS A BOOK') // => This Is A Book
capitalize('this is a book') // => This Is A Book
capitalize('a 2nd 5 hour boOk thIs weEk') // => A 2nd 5 Hour Book This Week
Редагування: поліпшення читабельності відображення.
/\b\w/g
...
Ця доза рішення не використовує регулярний вираз, підтримує наголошені символи, а також підтримується майже у кожному браузері.
function capitalizeIt(str) {
if (str && typeof(str) === "string") {
str = str.split(" ");
for (var i = 0, x = str.length; i < x; i++) {
if (str[i]) {
str[i] = str[i][0].toUpperCase() + str[i].substr(1);
}
}
return str.join(" ");
} else {
return str;
}
}
Використання:
console.log (capitalizeIt ('çao 2nd у програмі Javascript'));
Вихід:
2-я програма всередині Javascript
http://www.mediacollege.com/internet/javascript/text/case-capitalize.html - одна з багатьох відповідей.
Google може бути всім, що вам потрібно для таких проблем.
Наївним підходом було б розділити рядок на пробіл, заздалегідь використовувати велику літеру кожного елемента отриманого масиву та з'єднати його назад. Це залишає наявну велику літери в спокої (наприклад, HTML залишається HTML і не стає чимось дурним, як Html). Якщо ви не хочете, щоб це вплинуло, перетворіть всю нитку в малі регістри, перш ніж розділити її.
Цей код має великі літери після крапки:
function capitalizeAfterPeriod(input) {
var text = '';
var str = $(input).val();
text = convert(str.toLowerCase().split('. ')).join('. ');
var textoFormatado = convert(text.split('.')).join('.');
$(input).val(textoFormatado);
}
function convert(str) {
for(var i = 0; i < str.length; i++){
str[i] = str[i].split('');
if (str[i][0] !== undefined) {
str[i][0] = str[i][0].toUpperCase();
}
str[i] = str[i].join('');
}
return str;
}
Мені подобається їхати з легким процесом. Спочатку змініть рядок на масив для легкої ітерації, а потім за допомогою функції карти змініть кожне слово таким, яким ви хочете.
function capitalizeCase(str) {
var arr = str.split(' ');
var t;
var newt;
var newarr = arr.map(function(d){
t = d.split('');
newt = t.map(function(d, i){
if(i === 0) {
return d.toUpperCase();
}
return d.toLowerCase();
});
return newt.join('');
});
var s = newarr.join(' ');
return s;
}
Jquery або Javascipt не забезпечує вбудований метод для досягнення цього.
Перевірка тесту CSS (text-transform: capitalize;) насправді не використовує великі дані даних рядка, але показує великі літери на екрані.
Якщо ви шукаєте більш законний спосіб досягти цього на рівні даних, використовуючи звичайний vanillaJS, використовуйте це рішення =>
var capitalizeString = function (word) {
word = word.toLowerCase();
if (word.indexOf(" ") != -1) { // passed param contains 1 + words
word = word.replace(/\s/g, "--");
var result = $.camelCase("-" + word);
return result.replace(/-/g, " ");
} else {
return $.camelCase("-" + word);
}
}
Використовуй це:
String.prototype.toTitleCase = function() {
return this.charAt(0).toUpperCase() + this.slice(1);
}
let str = 'text';
document.querySelector('#demo').innerText = str.toTitleCase();
<div class = "app">
<p id = "demo"></p>
</div>
Ви можете використовувати великі слова з великої літери у рядку:
function capitalizeAll(str){
var partes = str.split(' ');
var nuevoStr = "";
for(i=0; i<partes.length; i++){
nuevoStr += " "+partes[i].toLowerCase().replace(/\b\w/g, l => l.toUpperCase()).trim();
}
return nuevoStr;
}
Є також locutus: https://locutus.io/php/strings/ucwords/, який визначає це так:
function ucwords(str) {
// discuss at: http://locutus.io/php/ucwords/
// original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
// improved by: Waldo Malqui Silva (http://waldo.malqui.info)
// improved by: Robin
// improved by: Kevin van Zonneveld (http://kvz.io)
// bugfixed by: Onno Marsman (https://twitter.com/onnomarsman)
// bugfixed by: Cetvertacov Alexandr (https://github.com/cetver)
// input by: James (http://www.james-bell.co.uk/)
// example 1: ucwords('kevin van zonneveld')
// returns 1: 'Kevin Van Zonneveld'
// example 2: ucwords('HELLO WORLD')
// returns 2: 'HELLO WORLD'
// example 3: ucwords('у мэри был маленький ягненок и она его очень любила')
// returns 3: 'У Мэри Был Маленький Ягненок И Она Его Очень Любила'
// example 4: ucwords('τάχιστη αλώπηξ βαφής ψημένη γη, δρασκελίζει υπέρ νωθρού κυνός')
// returns 4: 'Τάχιστη Αλώπηξ Βαφής Ψημένη Γη, Δρασκελίζει Υπέρ Νωθρού Κυνός'
return (str + '').replace(/^(.)|\s+(.)/g, function ($1) {
return $1.toUpperCase();
});
};
Я б використав для цієї мети регулярний вираз:
myString = ' this Is my sTring. ';
myString.trim().toLowerCase().replace(/\w\S*/g, (w) => (w.replace(/^\w/, (c) => c.toUpperCase())));
text-transform:capitalize;
.