【问题标题】:How do I split a random value into an array of characters?如何将随机值拆分为字符数组?
【发布时间】:2018-11-16 04:23:52
【问题描述】:

我正在尝试生成随机的 lat 和 lng 位置,我想将这个错误数据与 javascript 一起使用,并将其放在具有不同 spanp

//  latitude

var latMin = parseInt(-90);
var latMax = parseInt(90);
var latAnswer = document.getElementById("latitude");
var lat = Math.floor(Math.random() * (latMax - latMin + 1) + latMin);
var latSplit = lat.split('');

console.log(latSplit);
console.log('lat:'+lat);

$( latSplit ).insertAfter( '#latAfter' );

//  longitude

var lngMin = parseInt(-180);
var lngMax = parseInt(180);
var lngAnswer = document.getElementById("longitude");
var lng = Math.floor(Math.random() * (lngMax - lngMin + 1) + lngMin);
var lngSplit = lng.split('');

console.log(lngSplit);
console.log('lng:'+lng);

$( lngSplit ).insertAfter( '#lngAfter' );

然后,在我的结果中,我想要类似 <span>3</span><span>8</span><span>.</span><span class="end">7</span> 的东西,然后我想在最后一个类中拆分为不同的 div

【问题讨论】:

  • 嗯,不确定我是否正确理解了这个问题。但是您是否尝试过映射数组以在其周围添加标签? var latSpans = latSplit.map(function( lat, index ) { return '<span>' + lat + '</span>'; } ); 然后索引可以告诉您何时达到添加类的最后一个值。
  • 第一个问题是var latSplit = lat.split('');没有运行
  • .toString() 添加到其中。 lat 是一个数字,因此默认情况下没有 .split() 方法。 var latSplit = lat.toString().split(''); 请记住,您的随机函数也会返回负数。所以 latSplit 有时会将- 作为第一个元素。
  • 谢谢!它运行,是否可以在最后一个跨度上放置 class

标签: javascript jquery arrays random split


【解决方案1】:

简单的解决方案。我不建议使用这种方法创建整个页面,这就是我们有模板的原因。但是对于非常基本的 HTML,字符串就足够了。

// lat is a number, so cast it to a string to be able to use the split method.
var latSplit = lat.toString().split('');
// Simple loop surrounding the values with spans.
var latLength = lat.length;
var latSpans = lat.map( function( value, index ) {
    if ( index + 1 === latLength ) return '<span class="end">' + value + '</span>';
    else return '<span>' + value + '</span>';
} );
var latHTML = '<p>' + latSpans.join('') + '</p>';

【讨论】:

  • lat.lengthlat.map 出现错误,它是 latSplit,但一切正常!谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-28
  • 2014-03-11
  • 2019-01-05
  • 2019-06-11
  • 2015-07-18
  • 1970-01-01
相关资源
最近更新 更多