JavaScript-数组

JavaScript数组


创建数组

1、构造函数法(以对象方式)

var arr1=new Arrray(10)//数组arr1的长度为10

var arrinfo=new Arrray(1,2,3,4)//数组arrinfo的长度为4

2、以字面量方式
var arr2[]

对数组元素进行操作的方法
arr.reverse()//将数组中元素顺序翻转
arr.pop()//删除最后一个元素且返回最后一个元素
arr.shift()//删除第一个元素且返回第一个元素
arr.push()//添加一个数据到数组的最后并返回数组的长度
arr.unshift()//添加一个数据到数组的开头并返回数组的长度
arr.splice(0,3)//从数组中下标为0的元素开始删除3个元素,并返回删除的元素

对数组元素进行操作的方法
var arr[1,2,3,4]
arr.reverse()//将数组中元素顺序翻转
arr.pop()//删除最后一个元素且返回最后一个元素
arr.shift()//删除第一个元素且返回第一个元素
arr.push()//添加一个数据到数组的最后并返回数组的长度
arr.unshift()//添加一个数据到数组的开头并返回数组的长度
arr.splice(0,3)//从数组中下标为0的元素开始删除3个元素,并返回删除的元素

拼接数组
  1. var arr1=[1,2,3];  
  2. var arr2=[4,5,6];  
  3. var arr3=arr1.concat(arr2);//arr3=[1,2,3,4,5,6]

将字符串转为数组
  1. <span style="font-size:14px;"><script>  
  2.             var str="2016-08-15";  
  3.             document.write(str.split("-")+"<br />");  
  4.             document.write(str.split("-",2));  
  5.             alert(str);//2016,08,15; 
  6. </script></span>  

将数组转为字符串
  1. <script>  
  2.               var arr1=[1,2,3];  
  3.               var arr2=["a","b"];  
  4.               var arr3=arr1.concat(arr2);  
  5.               document.write(arr3+"<br />");  
  6.               var arr4=arr3.join("-");   
  7.               alert(arr4);//1-2-3-a-b; 
  8.               alert(typeof arr4);//string
  9. </script>
ex:用if/else实现数组的最值问题
  1. <!DOCTYPE  html>  
  2.  <html>  
  3.  <head>  
  4.  <title>求数组最值</title>  
  5.  <meta   charset=utf-8>  
  6.  </head>  
  7.      <body><span style="white-space:pre">  </span>  
  8.     <script>  
  9.    var arr=[-5,90,09,1,10];  
  10.    function max(new_arr){  
  11.     var maxNum=arr[0];  
  12.     for(i=1;i<arr.length;i++){  
  13.         if(arr[i]>maxNum){  
  14.             maxNum=arr[i];  
  15.         }  
  16.     }  
  17.     return maxNum;  
  18.    }  
  19.    document.write(max(arr));  
  20.      </script>  
  21.      </body> 
  22. </html> 
ex:数组的简单排序

  1. <script type="text/javascript">  
  2. function compare(value1, value2) {  
  3. //定义比较方法  
  4. return value1 > value2 ? 1 : -1;  
  5. }  
  6. var arr = ['34', '45', '23', '56', '88', '21', '16', '55'];  
  7. alert(arr.sort(compare).toString());//输出结果:16,21,23,34,45,55,56,88
  8. </script> 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值