数组: 一组有序的数据

数组的作用: 可以一次性存储多个数据

数组的定义:

1. 通过构造函数创建数组
 
语法:
var 数组名=new Array();
var array=new Array();//定义了一个数组
数组的名字如果直接输出,那么直接就可以把数组中的数据显示出来,如果没有数据,就看不到数据
 
var 数组名=new Array(长度);
如果数组中没有数据,但是有长度---,数组中的每个值就是undefined
构造函数的方式创建数组的时候,如果在Array(一个数字)--->数组的长度(数组元素的个数)
如果在Array(多个值);这个数组中就有数据了,数组的长度就是这些数据的个数
 
 
2. 通过字面量的方式创建数组
 
var 数组名=[];//空数组
var array=[];
PS:无论是构造函数的方式还是字面量的方式,定义的数组,如果有长度,那么默认是undefined
    var array=new Array(5);
console.log(array);
 

一些概念和定义:

  • 数组 :一组有序的数据
  • 数组元素: 数组中存储的每个数据,都可以叫数组的元素,比如:存储了3个数据,数组中3个元素
  • 数组长度: 就是数组的元素的个数,比如有3个元素,就说,这个数组的长度是3
  • 数组索引(下标): 用来存储或者访问数组中的数据的,索引从0开始,到长度减1结束
  • 数组的索引和数组的长度的关系:长度减1就是最大的索引值
 
如何设置数组中某个位置的值?
数组名[下标]=值;
arr[3]=100;
如何获取数组中某个位置的值?
var result=数组名[下标];
console.log(result);

举例1:通过构造函数的方式定义一个数组

      var array = new Array(5); //没有数据,空数组
      console.log(array);
      alert(array);

举例2:就是一个数组---->字面量的方式


      var arr = [];
      console.log(arr);

  • 数组元素: 数组中存储的每个数据,都可以叫数组的元素,比如:存储了3个数据,数组中3个元素
      var arr1 = new Array(); //构造函数的方式---空数组
      var arr2 = new Array(5); //构造函数的方式定义了一个数组,数组中有5个元素,数组长度是5,每个数据是undefined
      var arr3 = new Array(10, 20, 1000, 40, 50, 60);
      console.log(arr3);
  • 数组索引(下标): 用来存储或者访问数组中的数据的,索引从0开始,到长度减1结束
  • 数组的索引和数组的长度的关系:长度减1就是最大的索引值
      var arr = new Array(10, 20, 30, 40, 100);
console.log(arr[4]); //获取
 字面量的方式更简单
      var arr = [10, 20, 30, 40, 50, 60, 70, 80, 10, 20, 3043, 5]; //空数组
      console.log(arr.length);

JS基础语法---数组的更多相关文章

  1. JS基础语法---数组案例---9个练习

    练习1:求数组中所有元素的和 var arr1 = [10, 20, 30, 40, 50]; var sum = 0; for (var i = 0; i < arr1.length; i++ ...

  2. JS基础语法---数组基础知识总结

     数组: 存储一组有序的数据  数组的作用: 一次性存储多个数据 数组的定义方式: 1.构造函数定义数组: var 数组名=new Array(); 2.字面量方式定义数组: var 数组名=[]; ...

  3. JavaScript进阶 - 第2章 你要懂的规则(JS基础语法)

    第2章 你要懂的规则(JS基础语法) 2-1什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品 ...

  4. 【JS基础语法】---学习roadmap---6 parts

    JS基础语法---roadmap Part 1 - 2: Part 3 - 4:   Part 5 - 6

  5. JS基础语法(二)

    目录 JavaScript基础语法(二) 八. 函数 1. 函数的概念 2. 函数的使用 声明函数 调用函数 3. 函数的封装 4. 函数的参数 函数的参数匹配问题 5. 函数返回值 6. argum ...

  6. JavaScript01 js基础语法,数据类型

    JavaScript的概述: 1.组成 三部分组成 ecmaScript 基础语法 (es5) dom document object model 文档对象模型 (操作html文档内容) bom bo ...

  7. 9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点

    css3拓展: <display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏 <display:block&g ...

  8. JS基础-语法+流程控制语句+函数+内置对象【数组】

    JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使 ...

  9. JS基础语法---arguments对象伪数组

    引入: //计算两个数字的和 function f1(x, y) { return x + y; } //计算三个数字的和 function f2(x, y, z) { return x + y + ...

随机推荐

  1. 阿里面试实战题2----ReentrantLock里面lock和tryLock的区别

    ReentrantLock ReentrantLock(轻量级锁)也可以叫对象锁,可重入锁,互斥锁.synchronized重量级锁,JDK前期的版本lock比synchronized更快,在JDK1 ...

  2. ASP.NET MVC教程四:ASP.NET MVC中页面传值的几种方式

    准备 在Models文件夹里面新添加Student实体类,用来模拟从Controller向View传递数据,Student类定义如下: using System; using System.Colle ...

  3. go-爬段子

    爬取搞笑的段子,横向爬取+纵向爬取 横向爬取爬页数,纵向爬取,爬每页的内容 package main import ( "fmt" "io" "net ...

  4. HTML <input> 标签的 accept 属性

    <form> <input type="file" name="pic" id="pic" accept="im ...

  5. cesium 入门开发系列地图鹰眼功能(附源码下载)

    前言 cesium 入门开发系列环境知识点了解:cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等cesium 在线例子 内容概览 cesium 结合 leaflet 实现 ...

  6. Python 元組 Tuple

    元組 Tuple 宣告 元組是用逗號分隔的一列值: >>> t = 'a',1,'b',2,'c',3>>> t('a', 1, 'b', 2, 'c', 3)&g ...

  7. 漏洞扫描与分析-Nessus-8.7.2最新版-安装-部署-使用

    漏洞扫描与分析-Nessus 2019/10/10 Chenxin 简介 官网 https://zh-cn.tenable.com/ 产品 https://zh-cn.tenable.com/prod ...

  8. PHP时间戳相互转换

    1.获取当前时间方法date()很简单,这就是获取时间的方法,格式为:date(format,format,timestamp),format为格式.timestamp为时间戳–可填参数. 2.获取时 ...

  9. Html table 内容超出显示省略号

    内容超出显示省略号: <html> <style> table { table-layout: fixed; width: 100%; } table, th, td { bo ...

  10. 2. Linux-3.14.12内存管理笔记【系统启动阶段的memblock算法(2)】

    memory:表示可用可分配的内存: 结束完memblock算法初始化前的准备工作,回到memblock算法初始化及其算法实现上面.memblock是一个很简单的算法. memblock算法的实现是, ...