JS数组的高级使用方法示例小结

 更新时间:2020年03月14日 08:48:48   作者:jadeshu  
这篇文章主要介绍了JS数组的高级使用方法,结合实例形式总结分析了JavaScript数组的增删改查、排序、随机数等相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS数组的高级使用方法。分享给大家供大家参考,具体如下:

//数组的高级使用
 
var array = [10,12,20,30];
 
for(var index in array){
 console.log(array[index]);
}
 
//length 数组长度
 
for(var i = 0; i < array.length; i++){
 console.log(array[i]);
}
 
//数组添加新数据
 
array.push(1000);
 
array.push(2000);
 
array.push("hello world");
 
array.push({key:"jadeshu"});
 
console.log(array); //[10, 12, 20, 30, 1000, 2000, "hello world", {key:"jadeshu"}]
 
//数组删除最后一个数据
 
array.pop();
 
console.log(array); // [10, 12, 20, 30, 1000, 2000, "hello world"]
 
//查找数组里面值的索引
 
var idex = array.indexOf(2000);
 
console.log(idex); //5
 
//数组删除
 
//splice(开始索引,索引之后的个数)
 
var data = array.splice(2,3);
 
console.log(data); //[20, 30, 1000]
 
console.log(array); //[10, 12, 2000, "hello world"]

1.给定一个数组,让元素按照从大到小,从小到大排序

var array_num = [12,12,13,564,7,55,66];
 
//从小到大排序
 
array_num.sort(function (lhs,rhs) {
 
 if (lhs < rhs){
  return -1;
 }else if(lhs > rhs) {
  return 1;
 }else {
  return 0;
 }
})
 
console.log(array_num) // [7, 12, 12, 13, 55, 66, 564]
 
console.log("=======================");
 
array_num = [12,12,13,564,7,55,66];
 
//从大到小排序
 
array_num.sort(function (lhs,rhs) {
 
 if (lhs < rhs){
  return 1;
 }else if(lhs > rhs) {
  return -1;
 }else {
 return 0;
}
 
});
 
console.log(array_num) //[564, 66, 55, 13, 12, 12, 7]
 
console.log("=======================");

2.随机打乱一个数组

array_num = [12,12,13,564,7,55,66];
 
array_num.sort(function () {
 
 if ( Math.random() < 0.5){
  return -1;
 }else {
  return 1;
 }
});
 
console.log(array_num); //[12, 12, 564, 13, 7, 66, 55] 随机
 
console.log("=======================");

3.编写程序 随机的生存[10,100)范围内的整数

function random_int_num(start,end) {
 
 return Math.floor(start + (end - start) * Math.random());
 
}
 
console.log(random_int_num(10,100)); //69 随机

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 使用JS组件实现带ToolTip验证框的实例代码

    使用JS组件实现带ToolTip验证框的实例代码

    这篇文章主要介绍了使用JS组件实现带ToolTip验证框的实例代码,需要的朋友可以参考下
    2017-08-08
  • JS面向对象编程基础篇(二) 封装操作实例详解

    JS面向对象编程基础篇(二) 封装操作实例详解

    这篇文章主要介绍了JS面向对象编程封装操作,结合实例形式详细分析了JS面向对象封装操作的相关概念、原理、使用方法与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • JavaScript 拖拉时间之drag案例详解

    JavaScript 拖拉时间之drag案例详解

    这篇文章主要介绍了JavaScript 拖拉时间之drag案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • JS实现可拖曳、可关闭的弹窗效果

    JS实现可拖曳、可关闭的弹窗效果

    这篇文章主要介绍了JS实现可拖曳、可关闭的弹窗效果,可实现点击文字弹出可拖动的窗口,同时背景出现变暗的遮罩效果,点击遮罩层即可关闭弹出,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript生成随机验证码代码实例

    JavaScript生成随机验证码代码实例

    这篇文章主要介绍了JavaScript生成随机验证码代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 简单理解js的冒泡排序

    简单理解js的冒泡排序

    本篇文章主要介绍了JavaScript的冒泡排序,对其进行示例解析,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JS事件处理机制及事件代理(事件委托)实例详解

    JS事件处理机制及事件代理(事件委托)实例详解

    这篇文章主要介绍了JS事件处理机制及事件代理,结合实例形式详细分析了JS时间处理机制与事件代理功能、用法及相关使用技巧,需要的朋友可以参考下
    2023-06-06
  • 详解JavaScript实现哈希表

    详解JavaScript实现哈希表

    哈希表是一种非常重要的数据结构,几乎所有的编程语言都有直接或者间接的应用这种数据结构。本文将为大家介绍通过JavaScript如何实现哈希表,以及哈希表的一些常用操作,需要的可以参考一下
    2021-12-12
  • 详解webpack多页面配置记录

    详解webpack多页面配置记录

    本篇文章主要介绍了详解webpack多页面配置记录,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 微信小程序实现的canvas合成图片功能示例

    微信小程序实现的canvas合成图片功能示例

    这篇文章主要介绍了微信小程序实现的canvas合成图片功能,结合实例形式分析了微信小程序canvas合成图片相关组件使用、操作步骤与注意事项,需要的朋友可以参考下
    2019-05-05

最新评论