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 相关文章推荐
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
Feb 06 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
深入理解vue-router之keep-alive
Aug 31 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 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
typecho插件编写教程(一):Hello World
2015/05/28 PHP
详解PHP中的Traits
2015/07/29 PHP
网页自动跳转代码收集
2009/09/27 Javascript
使用JavaScript库还是自己写代码?
2010/01/28 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
node.js+express制作网页计算器
2016/01/17 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
深入浅出分析Python装饰器用法
2017/07/28 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
Python解决八皇后问题示例
2018/04/22 Python
python删除文本中行数标签的方法
2018/05/31 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
django Serializer序列化使用方法详解
2018/10/16 Python
基于python实现KNN分类算法
2020/04/23 Python
python绘制雪景图
2019/12/16 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
家长给孩子的评语
2014/01/30 职场文书
SQL Server2019数据库之简单子查询的具有方法
2021/04/27 SQL Server
OpenCV-Python实现轮廓拟合
2021/06/08 Python