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 相关文章推荐
父窗口获取弹出子窗口文本框的值
Jun 27 Javascript
JavaScript的eval JSON object问题
Nov 15 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
vue项目实现分页效果
Mar 24 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+mysqli事务控制实现银行转账实例
2015/01/29 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
php session的锁和并发
2016/01/22 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
php使用环形链表解决约瑟夫问题完整示例
2018/08/07 PHP
在laravel中使用with实现动态添加where条件
2019/10/10 PHP
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
EasyUI学习之DataGird分页显示数据
2016/12/29 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
JavaScript 异步调用
2017/10/25 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
微信小程序使用蓝牙小插件
2019/09/23 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
python使用分治法实现求解最大值的方法
2015/05/12 Python
python简单验证码识别的实现方法
2019/05/10 Python
python3 selenium自动化 下拉框定位的例子
2019/08/23 Python
导入tensorflow时报错:cannot import name 'abs'的解决
2019/10/10 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
股东授权委托书
2014/10/15 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
教师党员承诺书2015
2015/01/21 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers