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 相关文章推荐
[IE&amp;FireFox兼容]JS对select操作
Jan 07 Javascript
判断控件是否已加载完成的代码
Feb 24 Javascript
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
Oct 10 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
深入理解angularjs过滤器
May 25 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 Javascript
openlayers实现图标拖动获取坐标
Sep 25 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
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php 可变函数使用小结
2018/06/12 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
浅谈vue父子组件怎么传值
2018/07/21 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
ant design实现圈选功能
2019/12/17 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python进阶教程之动态类型详解
2014/08/30 Python
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
Python 装饰器深入理解
2017/03/16 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
护士个人简历自荐信
2013/10/18 职场文书
绿色学校实施方案
2014/03/31 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
贷款担保书范本
2015/09/22 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
Win11使用CAD卡顿或者致命错误怎么办?Win11无法正常使用CAD的解决方法
2022/07/23 数码科技