javascript - 我想写一个可以生成随机地址的脚本

Question

我想编写一个可以生成随机地址的脚本。 例如:

(34578 Dolphin Street, Wonka NY, 44506).

这是我到目前为止所做的:

var address 

var streetNumber = ['25489', '87459', '35478', '15975', '95125', '78965']

var streetName = ['A street', 'B street', 'C street', 'D street', 'E street', 'F street',]

var cityName = ['Riyadh', 'Dammam', 'Jedda', 'Tabouk', 'Makka', 'Maddena', 'Haiel']

var stateName = ['Qassem State', 'North State', 'East State', 'South State', 'West State']

var zipCode = ['28889', '96459', '35748', '15005', '99625', '71465']

那我现在该怎么办？

Answer 1

我建议利用 Array 的 map 和 join 函数。在映射数组之前，您所需要做的就是创建一个函数，该函数接受数组并返回数组的随机元素，这可以通过选择 0 到数组大小 - 1 之间的随机索引轻松完成。

function getRandomElement(array) {
    // Math.random() does not include 1, so this range is from 0 to size - 1 
    return array[Math.floor(Math.random() * array.length)];
}

现在要创建随机地址，您只需将所有数组添加到另一个数组中，并使用上面的随机函数映射这些数组即可。这将返回一个随机地址元素数组，您可以在该数组上使用 join 函数将数组的所有部分连接成一个字符串。

var template = [streetNumber, streetName, cityName, stateName, zipCode];

function getRandomAddress() {
    return template.map(getRandomElement).join(" ");
}

您还可以在地址元素之间添加所需的文本，只需确保在 getRandomAddress 函数中按原样返回即可。请查看下面的示例:

var streetNumber = ["25489", "87459", "35478", "15975", "95125", "78965"];
var streetName = ["A street", "B street", "C street", "D street", "E street", "F street"];
var cityName = ["Riyadh", "Dammam", "Jedda", "Tabouk", "Makka", "Maddena", "Haiel"];
var stateName = ["Qassem State", "North State", "East State", "South State", "West State"];
var zipCode = ["28889", "96459", "35748", "15005", "99625", "71465"];

var template = [streetNumber, " ", streetName, ", ", cityName, " ", stateName, ", ", zipCode];

function getRandomAddress() {
  return template.map(getRandomElement).join("");
}

function getRandomElement(array) {
  if (array instanceof Array) return array[Math.floor(Math.random() * array.length)];
  else return array;
}

document.querySelector("#refresh").addEventListener("click", function() {
  document.querySelector("#output").textContent = getRandomAddress();
});

<button id="refresh">Get Random Address</button>
<span id="output"></span>

一些有用的链接:

• Array.prototype.join
• Array.prototype.map
• Math.random
• Math.floor