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实现下拉框左右选择的简单实例
Feb 22 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
iscroll实现下拉刷新功能
Jul 18 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 Javascript
vue单页应用的内存泄露定位和修复问题小结
Aug 02 Javascript
javascript中可能用得到的全部的排序算法
Mar 05 Javascript
vue使用openlayers实现移动点动画
Sep 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
mysql建立外键
2006/11/25 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
php三元运算符知识汇总
2015/07/02 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
PHP设计模式之工厂模式实例总结
2017/09/01 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
js 异步处理进度条
2010/04/01 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
2012/01/04 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
python实现批量改文件名称的方法
2015/05/25 Python
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
Python实现读取json文件到excel表
2017/11/18 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
自动化专业毕业生自荐信
2013/11/01 职场文书
骨干教师培训感言
2014/01/16 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书