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


Posted in Javascript onMarch 14, 2020

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

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

Javascript 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
May 06 Javascript
JavaScript实现切换多张图片
Jan 27 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 #Javascript
js函数和this用法实例分析
Mar 13 #Javascript
js对象简介与基本用法示例
Mar 13 #Javascript
JS自定义滚动条效果
Mar 13 #Javascript
js Math数学简单使用操作示例
Mar 13 #Javascript
Vue实现仿iPhone悬浮球的示例代码
Mar 13 #Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 #Javascript
You might like
PHP 在线翻译函数代码
2009/05/07 PHP
php导出excel格式数据问题
2014/03/11 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
jquery 双色表格实现代码
2009/12/08 Javascript
Web 前端设计模式--Dom重构 提高显示性能
2010/10/22 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
vue实现购物车的监听
2020/04/20 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
中国电视购物:快乐购
2017/02/04 全球购物
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
人力资源主管的岗位职责
2014/03/15 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
先进教师个人总结
2015/02/11 职场文书
债务纠纷起诉书
2015/05/20 职场文书
2016年寒假家长评语
2015/10/10 职场文书
详解如何使用Nginx解决跨域问题
2022/05/06 Servers