JavaScript高级数据类型之数组

简介: 引入之前介绍了一些基本的数据类型,包括字符串、数值等。今天一起来看看一个比较高级的数据类型——数组


引入


之前介绍了一些基本的数据类型,包括字符串、数值等。今天一起来看看一个比较高级的数据类型——数组


1. Array


JavaScript的数组称作array,可以包含任意的书类型,可以通过索引来访问每个元素。

其中,array的长度记录在length属性中:

var arr = [1, 2, 3.14, 'Hello', null, true];
arr.length; // 返回值是6
复制代码


有趣的是,这个length属性是可以直接赋值的,赋值后会改变array的长度,若缺少定义则会将空缺部分表示为undefined


var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;
arr; // arr变为[1, 2]
复制代码


2.修改元素


直接通过索引即可修改元素为新的值。修改方式类似python的列表,中括号中间表示索引值,且索引是从0开始的


var arr = ['A', 'B', 'C'];
arr[1] = 1;
arr; // arr现在更新为['A', 1, 'C']
复制代码


注意到arr[1]表示的就是arr的第二个元素,直接用赋值语句赋值即可改变元素的值。

这里也很有趣。和python不一样的是,当我们索引的值超过上限,python

等其他编程语言都会报错显示越界,但JavaScript会正常运行,并扩充array的大小

var arr = [1, 2, 3];
arr[5] = 'a';
arr; // arr更新为[1, 2, 3, undefined, undefined, 'a']
复制代码


3. indexOf()


array可以通过indexOf函数来搜索一个指定的元素,返回他的位置:

var arr = [1, 2, '3', 'x'];
arr.indexOf(10); 
arr.indexOf(20); 
arr.indexOf(30); 
arr.indexOf('30'); 
复制代码


在上面的运行过程中:

元素1的索引为0

元素2的索引为1

元素3没有找到返回-1

元素'3'的索引为2


4.slice()


如果我们需要截取array的元素(有的地方会称作是切片操作),可以采用slice函数。其会返回一个新的array

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); 
arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
复制代码


第二行代码的含义就是:切片从第一个开始,到第二个结束,(即切到后一个参数前的一个数,不包括后一个参数的索引)。

所以最后输出是:['A', 'B', 'C']


相关文章
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
27 2
|
1月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
80 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
25 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
37 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
34 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
25 5
|
1月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
43 1
|
1月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
19 0
|
1月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
18 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
23 0
下一篇
无影云桌面