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 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
jQuery事件详解
Feb 23 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
微信小程序实现可长按移动控件
Nov 01 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数据缓存的使用说明
2013/05/10 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
php中错误处理操作实例分析
2019/08/23 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
javascript求日期差的方法
2016/03/02 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
详解js的视频和音频采集
2018/08/09 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
JavaScript实现多个物体同时运动
2020/03/12 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
在Python的web框架中配置app的教程
2015/04/30 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
意大利网上药房:Farmacia 33
2020/01/27 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
初中班主任评语
2014/04/24 职场文书
结婚保证书范文
2014/04/29 职场文书
婚前保证书
2014/04/29 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
优胜劣汰,强者为王——读《鲁滨逊漂流记》有感
2019/08/15 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
Python实现数据的序列化操作详解
2022/07/07 Python