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下数值型比较难点说明
Jun 07 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
jQuery动态添加与删除tr行实例代码
Oct 18 Javascript
Bootstrap CSS组件之大屏幕展播
Dec 17 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
微信小程序模板消息推送的两种实现方式
Aug 27 Javascript
浅谈react useEffect闭包的坑
Jun 08 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命令行脚本接收传入参数的三种方式
2014/08/20 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
PHP模板解析类实例
2015/07/09 PHP
php工具型代码之印章抠图
2018/07/18 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
JQuery autocomplete 使用手册
2010/04/01 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
解决vue项目router切换太慢问题
2020/07/19 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
Python天气预报采集器实现代码(网页爬虫)
2012/10/07 Python
python使用心得之获得github代码库列表
2014/06/25 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
Django实现文件上传下载功能
2019/10/06 Python
多个python文件调用logging模块报错误
2020/02/12 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
java程序员面试交流
2012/11/29 面试题
体育学院毕业生自荐信
2013/11/03 职场文书
自荐信怎么写好
2013/11/11 职场文书
美术师范毕业生自荐信
2013/11/16 职场文书
大学生自荐信
2013/12/11 职场文书
千元咖啡店的创业计划书范文
2013/12/29 职场文书
启动仪式策划方案
2014/06/14 职场文书
课外科技活动总结
2014/08/27 职场文书
APP界面设计技巧和注意事项
2022/04/29 杂记