-1

Как мне сделать функцию обёртку, которая принимает строку, и возвращает новую строку с начальными заглавными символами?

Ввод: "How can mirrors be real if our eyes aren't real"

Вывод: "How Can Mirrors Be Real If Our Eyes Aren't Real"

-- Уточненее Да вы, правы хотелось бы увидеть как можно написать функцию декоратор, которая оборачивает другую функцию, и в итоге получается строка в которой каждое слово с заглавной буквы. Это мне позволит изменять исходную функцию по своему усмотрению, а когда нужно вызвать декоратор на этой функции и получить каждое слово с заглавной буквы. Если я правильно понимаю. Поясните?

var str = "How can mirrors be real if our eyes aren't real";
var arr = str.split(' ');

for (var i = 0; i < arr.length; i++) {
  console.log(arr[i][0].toUpperCase() + str.slice(1));
}

4
  • 4
    а причем тут Функция декоратор или кастинг?
    – Grundy
    17 окт 2016 в 15:06
  • @Grundy мне для примера, никак не могу сообразить эту тему
    – spectre_it
    17 окт 2016 в 15:11
  • Ну и что же не так с вашим кодом? Или мы должны сначала угадать вашу проблему, а потом уже давать ответ? 17 окт 2016 в 17:10
  • @DmitriySimushev что конкретно не понятно? в вопросе всё описал подробно. Ввод такой - How can mirrors be real if our eyes aren't real" . Вывод должен быть таким - "How Can Mirrors Be Real If Our Eyes Aren't Real" . Хочу сделать с помощью функции декоратора. Мой код выдаёт кашу , прошу помощи у сообщества.
    – spectre_it
    18 окт 2016 в 2:51

5 ответов 5

1

Полагаю, подобная функция также должна "нормализовать" хвост.

function repl() {
  return this
    .replace(/[^\s-]+/g, function(txt){
      return txt[0].toUpperCase() +
             txt.substr(1).toLowerCase();
    });
}

function split_map() {
 // сложно обработать случай "строка-пример"
  return this
    .split(/\s+/)
    .map((word) => word[0].toUpperCase() +
                 word.substr(1).toLowerCase()
    ).join(' ');
}

// String.prototype.capitalize = selected_fn;


var sample = 'просто сТРОКА-ПРИМЕР with RUSSIAN wORDS';

console.log(repl.apply(sample));
console.log(split_map.apply(sample));
<span style="text-transform:capitalize">
  кстати, CSS решение этоГо не дЕлает
</span>

1

String.prototype.toJadenCase = function () {
  var arr = this.split(' ');
  return arr.map(function(el) {
    return el.charAt(0).toUpperCase() + el.slice(1);
  }).join(' ');
}

var str = "How can mirrors be real if our eyes aren't real";
console.dir(str.toJadenCase());

Елена благодарю за элегантное решения. Но javascrip и правду шире, не хотелось бы ограничивать себя только дом апи (как пояснили в комментариях). Для примера один из современных взглядов на то из чего же состоит яваскрипт:

Language

  • Values, Types, and Operators
  • Program Structure
  • Functions
  • Data Structures: Objects and Arrays
  • Higher-order Functions
  • The Secret Life of Objects
  • Bugs and Error Handling
  • Regular Expressions
  • Modules

Browser

  • JavaScript and the Browser
  • The Document Object Model
  • Handling Events
  • Drawing on Canvas
  • HTTP
  • Forms and Form Fields

Node

  • Node.js
1
  • 2
    стоит перенести ответы на комментарий в комментарии, уточнение лучше перенести в сам вопрос и добавить в ответ - описание решения.
    – Grundy
    20 окт 2016 в 17:06
0

Ну если ответ Qwerty не подходит под метку, тогда так) :

var str = document.getElementById("str");

str.style.textTransform = "capitalize";
<div id="str">How can mirrors be real if our eyes aren't real</div>

Ввод: "How can mirrors be real if our eyes aren't real"

Вывод: "How Can Mirrors Be Real If Our Eyes Aren't Real"

8
  • Не взлетит в node.js 20 окт 2016 в 14:18
  • при чем тут еще node js?
    – SVE
    20 окт 2016 в 14:19
  • 1
    Да пожалуйста, надеюсь полегчало!!!
    – SVE
    20 окт 2016 в 14:26
  • 1
    И, кстати, я не увидела Вашего ответа, чтобы и под node js запускалась такая важнейшая функция! А то миносовать умеете и вредничать!
    – SVE
    20 окт 2016 в 14:27
  • 3
    @ElenaSemenchenko, нужно понимать что в вашем ответе используется не только и не столько javascript, сколько dom api, которое частью javascript ни разу не является и во многих местах где работает полноценный js его нет и быть не может. Я не разделяю привередливость Дмитрия, но минус тут не только "за вредность". 20 окт 2016 в 14:54
0
let str = 'How can mirrors be real if our eyes aren\'t real';
let res = '';

for(i = 0; i < str.length; i++) {
    if(i === 0) {
        res += str[i].toUpperCase();
    }else if(str[i-1] === ' ') {
        res += str[i].toUpperCase()
    }else {
        res +=str[i]
    }
}
1
  • 1
    добро пожаловать на stack overflow на русском! пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 16 янв 2020 в 13:31
-3

body {
  text-transform: capitalize;
}
How can mirrors be real if our eyes aren't real

5
  • 1
    Теги под вопросом как-бы намекают... 17 окт 2016 в 17:09
  • Там же только один тег...
    – Qwertiy
    17 окт 2016 в 17:11
  • 2
    ... и этот тег совсем не css 17 окт 2016 в 17:11
  • 1
    Чем непонятнее вопрос, тем рандомнее ответ :)
    – Qwertiy
    17 окт 2016 в 19:56
  • 1
    Минус поставил, бесполезный ответ на вопрос. Предлагаю вам @Qwertiy удалить его. 6 мар 2017 в 19:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.