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 checkbox 全选/反选及批量删除
Apr 28 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 Javascript
在vue 中使用 less的教程详解
Sep 26 Javascript
关于Node.js中频繁修改代码重启服务器的问题
Oct 15 Javascript
vue-cli —— 如何局部修改Element样式
Oct 22 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面向对象的使用教程 简单数据库连接
2006/11/25 PHP
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
编写高性能Javascript代码的N条建议
2015/10/12 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
Python版实现微信公众号扫码登陆
2020/05/28 Javascript
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
Python实现购物车购物小程序
2018/04/18 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
《颐和园》教学反思
2014/02/26 职场文书
《蚕姑娘》教学反思
2014/04/15 职场文书
硕士研究生就业推荐信
2014/05/18 职场文书
质量管理标语
2014/06/12 职场文书
关于美容院的活动方案
2014/08/14 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python
解决xampp安装后Apache无法启动
2022/03/21 Servers
利用Python多线程实现图片下载器
2022/03/25 Python
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python