美文网首页
04JavaScript入门-运算符-数组

04JavaScript入门-运算符-数组

作者: 东邪_黄药师 | 来源:发表于2020-10-27 23:02 被阅读0次

1 - 数组

1.1 数组的概念

  • 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。
  • 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

1.2 创建数组

JS 中创建数组有两种方式:

  • 1 利用 new 创建数组
var 数组名 = new Array() ;
var arr = new Array();   // 创建一个新的空数组
  • 2利用数组字面量创建数组
//1. 使用数组字面量方式创建空的数组
var  数组名 = [];
//2. 使用数组字面量方式创建带初始值的数组
var  数组名 = ['小白','小黑','大黄','瑞奇'];
  • 数组的字面量是方括号 [ ]

  • 声明数组并赋值称为数组的初始化

  • 这种字面量方式也是我们以后最多使用的方式

  • 数组元素的类型

    数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。

var arrStus = ['小白',12,true,28.9];

1.3 获取数组中的元素

索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。

// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);  

注意:如果访问时数组没有和索引值对应的元素,则得到的值undefined

1.4 遍历数组

把数组中的每个元素从头到尾都访问一次(类似学生的点名),可以通过 for 循环索引遍历数组中的每一项

var arr = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
    console.log(arrStus[i]);
}
数组的长度

数组的长度:默认情况下表示数组中元素的个数
使用“数组名.length”可以访问数组元素的数量(数组长度)。

var arrStus = [1,2,3];
alert(arrStus.length);  // 3

注意

  • 此处数组的长度是数组元素的个数 ,不要和数组的索引号混淆。
  • 当我们数组里面的元素个数发生了变化,这个 length 属性跟着一起变化
  • 数组的length属性可以被修改:
  • 如果设置的length属性值大于数组的元素个数,则会在数组末尾出现空白元素;
  • 如果设置的length属性值小于数组的元素个数,则会把超过该值的数组元素删除

1.5 数组中新增元素

数组中可以通过以下方式在数组的末尾插入新元素:

  // 1. 新增数组元素 修改length长度 
        var arr = ['red', 'green', 'blue'];
        console.log(arr.length);
        arr.length = 5; // 把我们数组的长度修改为了 5  里面应该有5个元素 
        console.log(arr);
        console.log(arr[3]); // undefined
        console.log(arr[4]); // undefined
// 2. 新增数组元素 修改索引号 追加数组元素
        var arr1 = ['red', 'green', 'blue'];
        arr1[3] = 'pink';
        console.log(arr1);
        arr1[4] = 'hotpink';
        console.log(arr1);
        arr1[0] = 'yellow'; // 这里是替换原来的数组元素
        console.log(arr1);
        arr1 = '有点意思';
        console.log(arr1); // 不要直接给 数组名赋值 否则里面的数组元素都没有了

相关文章

  • 04JavaScript入门-运算符-数组

    1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。 数组是指一组数...

  • java学习-1

    数组 运算符 包 访问权限 修饰符 数组 1. 数组的声明: int[] a; 2. 数组的创建 使用new运算符...

  • c#基础

    运算符 基本运算符 可空类型 数组 初始化 多维数组 交错数组 数组做形参 params关键字 Array类操作方...

  • Swift-数组“运算”汇总

    两个数组“相加”——合并数组 通过运算符+,将两个数组合并到新数组。 追加元素 通过运算符+=,将右边数组追加到左...

  • 女神悄悄告诉你:再不学C语言就晚了

    c语言入门 程序设计-算法-运算符-顺序 分支 循环结构。 C语言精通 数组-函数字串符 -指针-构造类型-预处理...

  • noip普及组1~2:语言入门、进阶

    语言入门 ①基本运算 算术运算符:+,-,*,/,%,++,-- 关系运算符:==,!=,>,<,>=,<= 逻辑...

  • es6新增的数组方法

    扩展运算符 1.扩展运算符的使用方法 2.扩展运算符的应用(1)复制数组 (2)合并数组 (3)与解构赋值结合 (...

  • 2020年最新Java后端学习路线,适用于所有想要踏入Java行

    第一阶段:Java语言入门 掌握Java开发环境基本配置 掌握运算符、表达式、流程控制语句、数组等的使用 熟练使用...

  • ES6学习之- 数组的扩展

    Part3 数组的扩展 3.1 扩展运算符和数组的解构赋值 (1)扩展运算符是三个点 ...,扩展运算符主要用于函...

  • ES6之扩展运算符-数组

    数组的扩展运算符 (1) 复制数组(深拷贝) 注意点:...扩展运算符号只能是针对一维度的对象或数组进行深拷贝。不...

网友评论

      本文标题:04JavaScript入门-运算符-数组

      本文链接:https://www.haomeiwen.com/subject/zfhgmktx.html