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 相关文章推荐
javascript Array.remove() 数组删除
Aug 06 Javascript
javascript 定义新对象方法
Feb 20 Javascript
js function定义函数使用心得
Apr 15 Javascript
FireBug 调试JS入门教程 如何调试JS
Dec 23 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
将鼠标焦点定位到文本框最后(代码分享)
Jan 11 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 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 sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
NodeJS如何实现同步的方法示例
2018/08/24 NodeJs
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
Python3.2模拟实现webqq登录
2016/02/15 Python
Python中如何获取类属性的列表
2016/12/26 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
如何在django中运行scrapy框架
2020/04/22 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
python实现经纬度采样的示例代码
2020/12/10 Python
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
《记承天寺夜游》教学反思
2014/02/16 职场文书
路政管理求职信
2014/06/18 职场文书
企业党员个人自我评价
2014/09/20 职场文书
党风廉政建设个人总结
2015/03/06 职场文书
个人年底工作总结
2015/03/10 职场文书
责任书范本大全
2015/05/11 职场文书
贷款工作证明模板
2015/06/12 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android