js实现从数组里随机获取元素
作者:bea
基础知识: 复制数组: (1)循环遍历复制(不推荐) 代码如下: var arry = [1,5,9,7], new_arry = [], n = 0, len = arry.length; for(;n<len;n++){ new_arry.push(arry[n]); } (2)concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 代码如下: var arry = [
基础知识:
复制数组:
(1)循环遍历复制(不推荐)
代码如下:
var arry = [1,5,9,7],
new_arry = [],
n = 0,
len = arry.length;
for(;n<len;n++){
new_arry.push(arry[n]);
}
(2)concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
代码如下:
var arry = [1,5,9,7],
new_arry = arry.concat();
console.log(new_arry);
(3)slice() 方法可从已有的数组中返回选定的元素
代码如下:
var arry = [1,5,9,7],
new_arry = arry.slice(0);
console.log(new_arry);
随机数:
Math.random() Math.random(),返回0到1的随机数,如:0.4261967441998422
个人封装函数:
代码如下:
function getRandom(opt) {
var old_arry = opt.arry,
range = opt.range;
//防止超过数组的长度
range = range > old_arry.length?old_arry.length:range;
var newArray = [].concat(old_arry), //拷贝原数组进行操作就不会破坏原数组
valArray = [];
for (var n = 0; n < range; n++) {
var r = Math.floor(Math.random() * (newArray.length));
valArray.push(newArray[r]);
//在原数组删掉,然后在下轮循环中就可以避免重复获取
newArray.splice(r, 1);
}
return valArray;
}
var new_val = getRandom({'arry':[1,6,8,0,3],'range':3});
console.log(new_val);
是不是很好用呢,非常实用的代码,这里是从本人项目中分离出来分享给大家,希望对大家有所帮助。
有用 | 无用
复制数组:
(1)循环遍历复制(不推荐)
代码如下:
var arry = [1,5,9,7],
new_arry = [],
n = 0,
len = arry.length;
for(;n<len;n++){
new_arry.push(arry[n]);
}
(2)concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
代码如下:
var arry = [1,5,9,7],
new_arry = arry.concat();
console.log(new_arry);
(3)slice() 方法可从已有的数组中返回选定的元素
代码如下:
var arry = [1,5,9,7],
new_arry = arry.slice(0);
console.log(new_arry);
随机数:
Math.random() Math.random(),返回0到1的随机数,如:0.4261967441998422
个人封装函数:
代码如下:
function getRandom(opt) {
var old_arry = opt.arry,
range = opt.range;
//防止超过数组的长度
range = range > old_arry.length?old_arry.length:range;
var newArray = [].concat(old_arry), //拷贝原数组进行操作就不会破坏原数组
valArray = [];
for (var n = 0; n < range; n++) {
var r = Math.floor(Math.random() * (newArray.length));
valArray.push(newArray[r]);
//在原数组删掉,然后在下轮循环中就可以避免重复获取
newArray.splice(r, 1);
}
return valArray;
}
var new_val = getRandom({'arry':[1,6,8,0,3],'range':3});
console.log(new_val);
是不是很好用呢,非常实用的代码,这里是从本人项目中分离出来分享给大家,希望对大家有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript定义变量时带var与不带var的区别分析
- jQuery实现友好的轮播图片特效
- js函数内变量的作用域分析
- Jquery api 速查表分享
- js常用系统函数用法实例分析
- javascript使用appendChild追加节点实例
- jQuery实现瀑布流的取巧做法分享
- js在指定位置增加节点函数insertBefore()用法实例
- jQuery制作拼图小游戏
- DOM节点深度克隆函数cloneNode()用法实例
- DOM节点删除函数removeChild()用法实例
- 原生javascript实现图片弹窗交互效果
- 原生javascript实现图片按钮切换
- 原生javascript实现图片滚动、延时加载功能
- DOM节点的替换或修改函数replaceChild()用法实例
- 原生javascript实现Tab选项卡切换功能
- 推荐4个原生javascript常用的函数
- 原生js实现日期联动
- Javascript中innerHTML用法实例分析