javascript - 制作一个在字符串/句子中找到第一个单词的javascript函数

Question

我已经在网上找遍了，但找不到一个好的答案。我需要编写一个函数来查找字符串/句子中的第一个单词。它与 html/css/javascript 作业有关，我需要在其中着色或标记包含故事的长字符串中的第一个单词。

我认为一个简单的 for 循环可以做到这一点，但无法让它工作。

Answer 1

String 全局对象是字符串或字符序列的构造函数。

在 javascript 中，String 对象在他的原型(prototype)上有方法 - MDN - String

String.prototype.split() - Reference (MDN)

split() 方法将字符串对象拆分为字符串数组，方法是将字符串分成子字符串，并使用指定的分隔符字符串来确定每次拆分的位置。

因为你想按单词拆分，你应该按“空格”拆分字符串。 如您所见，字符串上的 split 方法返回一个数组，因此数组中的第一项将是第一个单词。

  'Some String Here'.split(' ')[0];

祝你好运!

// Get Results Element
var div = document.querySelector('.results');
// Some string
var someString = 'Hi Hello JavaScript World';

function renderFirstWorkAsMarked(string, color) {
  var splitedString = string.split(' ');
  var wrapper = document.createElement('div')
  var marked = document.createElement('span');
  var restString = document.createTextNode(splitedString.slice(1).join(' '))
  
  marked.style.color = color;
  marked.innerHTML = `${splitedString[0]} `;
  wrapper.appendChild(marked)
  wrapper.appendChild(restString)
  
  return wrapper
}

// append on screen
div.append(renderFirstWorkAsMarked(someString, 'red'))

// This is example code for your full question.

<div class="results"></div>