>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 21217 个阅读者 刷新本主题
 * 贴子主题:  JavaScript Array(数组)对象 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-19 18:27:59     消息  查看  搜索  好友  邮件  复制  引用

           

JavaScript  Array(数组) 对象

         数组对象的作用是:使用单独的变量名来存储一系列的值。

         点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

在线范例

         创建数组, 为其赋值:        

范例

         var mycars = new Array();

     mycars[0] = "Saab";

     mycars[1] = "Volvo";

     mycars[2] = "BMW";

      页面底部你可以找到更多的范例。      

什么是数组?

     数组对象是使用单独的变量名来存储一系列的值。

     如果你有一组数据(例如:车名字),存在单独变量如下所示:

var car1="Saab";

var car2="Volvo";

var car3="BMW";

      然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!

      最好的方法就是用数组。

      数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。

     数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。      

创建一个数组

     创建一个数组,有三种方法。

     下面的代码定义了一个名为  myCars的数组对象:

      1: 常规方式:

       var myCars=new Array();

      myCars[0]="Saab";

      myCars[1]="Volvo";

      myCars[2]="BMW";

     2: 简洁方式:

      var myCars=new Array("Saab","Volvo","BMW");

     3: 字面:

      var myCars=["Saab","Volvo","BMW"];      

访问数组

     通过指定数组名以及索引号码,你可以访问某个特定的元素。

     以下范例可以访问myCars数组的第一个值:

     var name=myCars[0];

     以下范例修改了数组 myCars 的第一个元素:

     myCars[0]="Opel";

    
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小         [0] 是数组的第一个元素。[1] 是数组的第二个元素。
    

在一个数组中你可以有不同的对象

     所有的JavaScript变量都是对象。数组元素是对象。函数是对象。

     因此,你可以在数组中有不同的变量类型。

     你可以在一个数组中包含对象元素、函数、数组:

     myArray[0]=Date.now;

    myArray[1]=myFunction;

    myArray[2]=myCars;    

数组方法和属性

    使用数组对象预定义属性和方法:

    var x=myCars.length

    // myCars 中元素的数量

    var y=myCars.indexOf("Volvo") // "Volvo" 值的索引值      

创建新方法

     原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。      

范例:创建一个新的方法。

         Array.prototype.myUcase=function(){

        for (i=0;i<this.length;i++){

            this[i]=this[i].toUpperCase();

        }

    }


    上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。


程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-07 21:14:31 重新编辑]
  Java面向对象编程-->按面向对象开发的基础范例
  JavaWeb开发-->Web运作原理(Ⅳ)
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->用Spring整合CXF发布Web服务
  精通Spring-->创建综合购物网站应用
  Vue3开发-->Vue指令
  10个 Web 开发人员的常用的 Chrome 扩展程序
  vue30道面试题
  基于vue-element-admin 的权限管理
  vue-resource和axios的变迁
  彻底明白VUE中的done参数和函数作用
  css3中translate、transform和translation,以及动画animati...
  Vue.js学习笔记-基础部分+完整实现代码
  14个JavaScript优化建议
  史上最全的web前端面试题汇总及答案
  HTML DOM Script 对象
  CSS 盒子模型
  HTML中插入脚本的用法
  JavaScript 代码规范
  JavaScript的比较和逻辑运算符
  非常实用的CSS样式
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。