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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
JS实现随机抽选获奖者
Nov 07 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 getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
js如何打印object对象
2015/10/16 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
Python 私有函数的实例详解
2017/09/11 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
综艺节目策划方案
2014/06/13 职场文书
服务标语大全
2014/06/18 职场文书
医学专业毕业生推荐信
2014/07/12 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
信访维稳承诺书
2015/05/04 职场文书
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python