带有数字的数组 (5+百万)
array with numbers (5+million)
我需要一个"列表",其数字范围从0开始,以大约500万结束。我还必须在网络浏览器中显示它,所以我尝试了javascript和php。当然,在"加载"所有数字时,浏览器会崩溃。有没有办法防止这种情况发生?实际上让它在浏览器中工作?我想Javascript不是正确的语言,但是我该如何解决这个问题?帮助将不胜感激:)
这是到目前为止的代码
function range()
{
var array = [];
var start = (arguments[0] ? arguments[0] : 0);
var end = (arguments[1] ? arguments[1] : 9);
if (start == end) { array.push(start); return array; }
var inc = (arguments[2] ? Math.abs(arguments[2]) : 1);
inc *= (start > end ? -1 : 1);
for (var i = start; (start < end ? i <= end : i >= end) ; i += inc)
array.push(i);
return array;
}
var foo = range(1, 5607249)
for(var i=0;i<foo.length;i++){
document.write(foo[i]);
}
在不使浏览器崩溃的情况下显示这么多数据的唯一方法是实现某种分页系统。这意味着,一次只显示大部分结果。为此,您可以设置一次显示的最大结果数并跟踪页码。
function range()
{
var array = [];
var start = (arguments[0] ? arguments[0] : 0);
var end = (arguments[1] ? arguments[1] : 9);
if (start == end) { array.push(start); return array; }
var inc = (arguments[2] ? Math.abs(arguments[2]) : 1);
inc *= (start > end ? -1 : 1);
for (var i = start; (start < end ? i <= end : i >= end) ; i += inc)
array.push(i);
return array;
}
var foo = range(1, 5607249);
var results = document.querySelector('.results');
var page = 0;
var PAGE_LENGTH = 100;
function showResults() {
var start = page * PAGE_LENGTH;
var end = start + PAGE_LENGTH;
// Write them all at once and put line breaks between them
results.innerHTML = foo.slice(start, end).join('<br />');
}
document.querySelector('.prev').addEventListener('click', function() {
// Make sure we don't go past the first page
page = Math.max(0, page - 1);
showResults();
});
document.querySelector('.next').addEventListener('click', function() {
// Don't go past the end of the results
page = Math.min(page + 1, foo.length / PAGE_LENGTH - 1);
showResults();
});
showResults();
<div class="results"></div>
<button class="prev">Prev</button>
<button class="next">Next</button>
相关文章:
- 如何在映射数组中添加换行符
- javascript结合了数组和字典
- 需要帮助设置json数组
- 不能从angular2中的子组件指定父组件中的数组
- 使用JS将数组转换为json对象
- 数组在递归方法中设置为null
- knockoutjs可观察数组
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将数组从PHP传递到Javascript
- JavaScript数组排序(函数)用于对表行进行排序,而不是排序
- 在函数中添加数组元素的数值
- 无法通过数组映射绑定
- javascript中的数组出错
- 如何使用 node.js 比较两个 json 数组
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 根据id将json数组组合为一个json数组
- 如何通过数组更新角度子范围
- 有没有一种方法可以添加相同的项目val=“0”;4〃;到JavaScript中数组的每个对象
- 在Javascript中转换对象数组
- 带有数字的数组 (5+百万)