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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
微信小程序列表时间戳转换实现过程解析
Oct 12 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 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获取url的函数代码
2011/08/02 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
php适配器模式简单应用示例
2019/10/23 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
JavaScript 异步调用
2017/10/25 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
sortable+element 实现表格行拖拽的方法示例
2019/06/07 Javascript
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
python实现三维拟合的方法
2018/12/29 Python
Python3爬虫全国地址信息
2019/01/05 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
三八妇女节活动主持词
2014/03/17 职场文书
党风廉政建设责任书
2014/04/14 职场文书
物资采购方案
2014/06/12 职场文书
商场消防安全责任书
2014/07/29 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
护士工作心得体会
2016/01/25 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
详解pytorch创建tensor函数
2022/03/22 Python