主页 / 问题 / 1077593
Accepted
Мирас Текесбаев
Asked:2020-02-03 14:06:22 +0000 UTC2020-02-03 14:06:22 +0000 UTC

changeFirstSymbol 函数不起作用。帮助伙计们

  • 772

大家好！有一个问题：给定一个字符串。将此行中每个单词的第一个字符大写。为此，请创建一个 ucfirst 辅助函数，该函数将接受一个字符串，将该字符串的第一个字符大写，然后返回首字母大写的字符串。

必须通过单独分离每个函数并将它们声明在一个主函数中来解决该任务。我的实现是这样的：

    <input type="text" class="input">


    let input = document.querySelector('.input');
    input.addEventListener('blur', changeFirstSymbol);

    changeFirstSymbol(input.value);

    function changeFirstSymbol(str) {
        getString(ucFirst(getArrayFromString(str)));
    }

    function getArrayFromString(str) {
        arr = str.split(' ');
        return arr;
    }

    function ucFirst(arr) {
        let newArr = [];
        for (let i = 0; i < arr.length; i++) {
            newArr[i] = arr[i].substr(0, 1).toUpperCase() + arr[i].substr(1);
        }
        return newArr;
    }

    function getString(arr) {
        str = arr.join(' ');
        return str;
    }

控制台抛出以下错误：

    Uncaught TypeError: str.split is not a function (main.js:12)
    at getArrayFromString (main.js:12)
    at HTMLInputElement.changeFirstSymbol (main.js:8)

让我知道您是否有任何想法？

javascript

2 个回答

  1. 一般来说，几乎所有内容都是正确的，只有少量编辑。 

    let input = document.querySelector('.input');
input.addEventListener('blur', changeFirstSymbol);

changeFirstSymbol(); // Тут не надо задавать параметр.

function changeFirstSymbol() {
    let v = input.value; //Параметр получаем в этой функции 
    let z = getString(ucFirst(getArrayFromString(v))); // получаем значения выполненных операций
    console.log(z); // выводим значение (Для демонстрации) А так можно записать и в input обратно и так далее
    return z;
}

function getArrayFromString(str) {
    let arr = str.split(' '); // не забываем let, так как в данной функции arr не была ещё объявлена, а через параметры она не передаётся
    return arr;
}

function ucFirst(arr) {
    let newArr = [];
    for (let i = 0; i < arr.length; i++) {
        newArr[i] = arr[i].substr(0, 1).toUpperCase() + arr[i].substr(1);
    }
    return newArr;
}

function getString(arr) {
    let str = arr.join(' '); // Не забываем объявить переменную, так как в этой функции она ещё не была объявлена и не передавалась через параметры функции.
    return str;
}
    <input type="text" class="input">

    • 1
  2. Best Answer

    错误在input.addEventListener('blur', changeFirstSymbol);. 关键是您没有将changeFirstSymbol参数传递给函数。

    请参阅一个工作示例。

    let inputs = document.querySelectorAll('.input,.second-input');
console.log(inputs.length);
for (let i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener('blur', function() {
    const result = changeFirstSymbol(inputs[i].value);
    console.log(result); // выводим результат в консоль
  });
}

function changeFirstSymbol(str) {
  const array = getArrayFromString(str);
  const arrayUCFirst = ucFirstArray(array);
  return getString(arrayUCFirst);
}

function ucFirstString(str) {
  return str.substr(0, 1).toUpperCase() + str.substr(1);
}

function getArrayFromString(str) {
  return str.split(' ');
}

function ucFirstArray(arr) {
  const newArr = [];
  for (let i = 0; i < arr.length; i++) {
    const str = ucFirstString(arr[i]);
    newArr.push(str);
  }
  return newArr;
}

function getString(arr) {
  return arr.join(' ');
}
    <input type="text" class="input">
<input type="text" class="second-input">

    • 1

相关问题