Question

是否可以将单词分解为字母并将每个字母存储在HTML / CSS中的数组中？

例如；对阵列[1] = H，阵列[2] = A，阵列[3] = T

的HAT

如果有与此相关的话题，请告诉我。

Answer 1

嗯，是的，您可以使用JS ofcorse。

var words = "any wordds bla bla";
var array = words.split('');

那么简单。

Answer 2

虽然字符串是可迭代的，但您可以使用Array.from或spread syntax ...来获取一系列的字符。两种技术都依赖于相同的已实现Symbol.iterator。

var string = 'HAT',
    array1 = Array.from(string),
    array2 = [...string];
    
console.log(array1);
console.log(array2);

Answer 3

var sampleString = 'This is my sample string';

console.log( sampleString.split('') );

Answer 4

您可以使用javascript

var parts = ("HAT").split('');

在其中添加PHP有两种方法

var parts = ('<?php echo "HAT"; ?>').split('');

用这种方式引用可能会很痛苦（请注意PHP标记之外的引号），并且处理是在客户端上进行的（您无法控制性能规格）

或

var parts = <?php echo json_encode(str_split('HAT')); ?>;

JSON（Javascript Object Notation）和json_encode是一种将复杂数据转换成Javascript可以理解的字符串的方法。这种情况发生在服务器端，通常更好。

就客户而言，前两个基本相同。最后一个在源代码中将如下所示：

var parts = ["H","A","T"];

因此，就客户而言，它已经准备就绪。这看似相差不大，但是如果您有大量文本，则最好让服务器处理。

基本上，这是您希望处理成本发生在哪里的问题。客户端硬件可能会有所不同，您无法知道它们的硬件。该服务器由您控制。因此，让客户端承受重击通常会比服务器造成更多的影响页面加载时间。除非您有一个垃圾服务器，并且客户端具有一台好的PC（您无法知道）。

在任何情况下，向客户展示所需格式的数据都是一种很好的做法，这样就可以以最少的工作量使用它。

Answer 5

将split函数与此参数''一起使用。（按两次单引号） split函数将一个字符串与另一个字符串分开。此其他字符串是函数中的参数。例如，在此字符串"foo,bar"中，如果我们将在此字符串上使用split函数，而您想用逗号分隔，则将使用myString.split(',')。它将返回['foo','bar']。如果我们用一个空字符串（可以在字母之间）分隔它，则将使用.split('')。它将返回['f','o','o','b','a','r']。因此，您可以使用它来将单词分解为字母。我在下面放了示例代码。

var myString = "foobar";
var myArray = myString.split('');

// returns ['f','o','o','b','a','r']

编辑＃1

这适用于字符串中的任何字符，因此，如果您只想包含单词，可以先用''替换不需要的字符，然后使用拆分。

var myString = 'foo:)bar';
var myArray = myString.replace(/\:\)/, '');

//returns ['f','o','o','b','a','r']

在HTML / CSS中将单词分解为字母，然后存储在数组中

5 个答案: