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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
jQuery 插件 将this下的div轮番显示
Apr 09 Javascript
学习ExtJS form布局
Oct 08 Javascript
JQuery触发radio或checkbox的change事件
Dec 18 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
JavaScript实现的使用键盘控制人物走动实例
Aug 27 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
php字符串分割函数用法实例
2015/03/17 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
js中有关IE版本检测
2012/01/04 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
vue.js中使用echarts实现数据动态刷新功能
2019/04/16 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
JS的时间格式化和时间戳转换函数示例详解
2020/07/27 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Python实现微信翻译机器人的方法
2019/08/13 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
如何写一份好的自荐信
2014/01/02 职场文书
物业管理毕业生的自我评价
2014/02/17 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
体育教师教学随笔
2015/08/15 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
AJAX学习笔记
2021/05/18 Javascript
Python 数据可视化之Bokeh详解
2021/11/02 Python
Python字符串常规操作小结
2022/04/03 Python