如何将随机值拆分为字符数组?

时间:2018-06-06 13:03:38

标签: javascript jquery arrays random split

我正在尝试生成随机的lat和lng位置,我想用javascript将这个错误数据用于p并使用不同的span

//  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中分成最后一个类

1 个答案:

答案 0 :(得分: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>';