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 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
javascript高级学习笔记整理
Aug 14 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
JS实现无限轮播无倒退效果
Sep 21 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
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除数取整示例
2014/04/24 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
javascript动态控制服务器控件实例
2014/09/05 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
JavaScript DOM基础
2015/04/13 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
如何获取vue单文件自身源码路径
2019/05/06 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
python 输出一个两行字符的变量
2009/02/05 Python
Cython 三分钟入门教程
2009/09/17 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
Python实现手势识别
2020/10/21 Python
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
英文留学推荐信范文
2014/01/25 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
趵突泉导游词
2015/02/03 职场文书
冰雪公主观后感
2015/06/16 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
小学英语教学反思范文
2016/02/15 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书
Django与数据库交互的实现
2021/06/03 Python