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 相关文章推荐
JS Timing
Apr 21 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
微信小程序 wxapp视图容器 view详解
Oct 31 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
JS操作json对象key、value的常用方法分析
Oct 29 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一些公用函数的集合
2008/03/27 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
React Form组件的实现封装杂谈
2018/05/07 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
python中字符串的操作方法大全
2018/06/03 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
Python的高阶函数用法实例分析
2019/04/11 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
python3+selenium获取页面加载的所有静态资源文件链接操作
2020/05/04 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
澳大利亚相机之家:Camera House
2017/11/30 全球购物
企业行政文员岗位职责
2013/12/03 职场文书
青年文明号复核材料
2014/02/11 职场文书
同意报考公务员证明
2015/06/17 职场文书
导游词之南京中山陵
2019/11/27 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
python开发制作好看的时钟效果
2022/05/02 Python