замена слов в нескольких строках в массиве - PullRequest
Новая
       18

замена слов в нескольких строках в массиве

0 голосов
/ 31 мая 2018

Я пытаюсь выяснить, как заменить экземпляры расположения цифр / букв случайным числом во многих строках в массиве, а также генерировать случайным образом одну из этих строк при каждом щелчке.

По сути, я хочу случайным образом сгенерировать одну из моих строк из моего массива по щелчку и заменить '6a' случайным числом.

Я смог сгенерировать случайную строку за клик, иЯ смог заменить число в строке, если я удалил все другие строки в моем массиве, но я не могу заставить все работать вместе.Вот как выглядит мой код!

Заранее спасибо за помощь! 

//strings that I want to generate and change

var events = ['String one 6a',
  
'String two 6a',

'String three 6a',

'String four 6a',

'String five 6a',

];

//function click generating new random string

function newEvent() {
  var randomNumber = Math.floor(Math.random() * (events.length));
  var b = randomNumber;
  document.getElementById("thing").innerHTML = events[b];
};

//attempt to change part of a string to a random number

function numChange() {
  for (var i = 0; i < events.length; i++) {
      events[i] = events[i].replace('6a', function(match) {
        Math.floor(Math.random() * 7);
      } );
  };
} 
<body>
  <div id="thing">
    <p>
      We're replacing this thing
    </p>
  </div>
  <button onclick="newEvent()">
    Click me
  </button>
</body>

Ответы [ 3 ]

0 голосов
/ 31 мая 2018

Должно быть как: 

//<![CDATA[
/* external.js */
var doc, bod, htm, M, I, S, Q, old = onload; // for use on other loads
onload = function(){
if(old)old(); // change old var name if using technique on other pages
doc = document; bod = doc.body; htm = doc.documentElement;
M = function(tag){
  return doc.createElement(tag);
}
I = function(id){
  return doc.getElementById(id);
}
S = function(selector, within){
  var w = within || doc;
  return w.querySelector(selector);
}
Q = function(selector, within){
  var w = within || doc;
  return w.querySelectorAll(selector);
}
var events = ['String one 6a', 'String two 6a', 'String three 6a', 'String four 6a', 'String five 6a'];
I('f').onsubmit = function(){
  return false;
}
function randEventRep(){
  return events[Math.floor(Math.random()*events.length)].replace(/\b6a\b/g, Math.floor(Math.random()*7));
}
var press = I('press'), thing = I('thing');
press.onclick = function(){
  thing.innerHTML = randEventRep();
}
} // end load
//]]>
/* external.css */
html,body{
  padding:0; margin:0;
}
body{
  background:#000; overflow-y:scroll;
}
.main{
  width:940px; background:#ccc; padding:20px; margin:0 auto;
}
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
  <head>
    <meta http-equiv='content-type' content='text/html;charset=utf-8' />
    <meta name='viewport' content='width=device-width' />
    <title>Test Template</title>
    <link type='text/css' rel='stylesheet' href='external.css' />
    <script type='text/javascript' src='external.js'></script>
  </head>
<body>
  <div class='main'>
    <form id='f' name='f'>
      <p id='thing'>This is the thing we&apos;re changing</p>
      <input id='press' type='button' value='Click Me' />
    </form>
  </div>
</body>
</html>
0 голосов
/ 31 мая 2018

Вот одно простое и простое решение: 

let events = ['String one 6a',
  
'String two 6a',

'String three 6a',

'String four 6a',

'String five 6a',

];

function numChange() { 
  events = events.map(event => event.replace('6a', Math.floor(Math.random() * 7)));
};

function newEvent() {
  let randomNumber = Math.floor(Math.random() * (events.length));
  document.getElementById("thing").innerHTML = events[randomNumber]
};

//execute once to replace '6a' with a random number
numChange();
<body>
  <div id="thing">
    <p>
      We're replacing this thing
    </p>
  </div>
  <button onclick="newEvent()">
    Click me
  </button>
</body>
0 голосов
/ 31 мая 2018

Если у вас есть контроль над массивом со строками, сделайте это.

var events = [
  'String one ',
  'String two ',
  'String three ',
  'String four ',
  'String five '
];

function newEvent() {
  var randomArrayString = Math.floor(Math.random() * (events.length));
  var randomNumber = Math.floor(Math.random() * 10)
  document.getElementById("thing").innerHTML = events[randomArrayString] + randomNumber;
};
<body>
  <div id="thing">
    <p>
      We're replacing this thing
    </p>
  </div>
  <button onclick="newEvent()">
    Click me
  </button>
</body>

Если у вас нет контроля над строками массива, используйте regexp в str.replace()

var events = [
'String one 6a',
  'String two 6a',
  'String three 6a',
  'String four 6a',
  'String five 6a'
];

function newEvent() {
  var randomArrayId = Math.floor(Math.random() * (events.length));
  var randomNumber = Math.floor(Math.random() * 10)
  document.getElementById("thing").innerHTML = events[randomArrayId].replace(/6a/,randomNumber);
};
<body>
  <div id="thing">
    <p>
      We're replacing this thing
    </p>
  </div>
  <button onclick="newEvent()">
    Click me
  </button>
</body>
...