网站首页 > 基础教程 正文
前言
Javascript数组 是一种 特殊的对象 数据类型,它由一组不同类型的值组成。比如字符串、数字、布尔值、对象、函数等等,相当于任何Javascript数据类型都可以。
声明|创建
1、字面量方式创建
使用方括号 [] 定义,各个元素采用逗号分隔。
// 数字元素
let arr1 = [1, 2, 3];
// 字符串元素
let arr2 = ['apple', 'banana', 'orange'];
// 布尔元素
let arr3 = [true, false, true];
// 不同类型元素
let arr4 = [1, 'apple', true];
2、构造函数方式创建
使用Array构造函数创建数组。可以接受任意个数参数。
注意:new Array(number)方式创建数据,也就是只传入一个数字时,实际为创建了一个指定长度为 n 的空数组。
如果您希望不管传入1个还是多个数据时,希望最终这个数组为传递参数的新数组,那么请您使用其它方式或者 Array.of(data...) 。
3、Array.of方式创建
4、空数组方式创建
创建后通过push方法添加元素。
注:有时您可能需要push多个元素。
5、Array.from方式创建
可以将类数组对象或可迭代对象转为数组,转换后就可以使用数组相关的函数了。
// 将字符串转换为数组
let arr = Array.from('hello');
// ['h', 'e', 'l', 'l', 'o']
// 创建Set对象
let set = new Set([1, 2, 3]);
// 将Set对象转换为数组
let arr2 = Array.from(set);
console.log(arr2);// [1, 2, 3]
6、其它数据类型的函数创建
字符串分割
正则表达式方式
获取所有的属性
7、使用扩展运算符 ... 创建
可以将一个可迭代对象扩展为数组。
8、已知数组创建数组及处理
使用Array.fill、Array.filter、Array.reduce、Array.map、Array.concat等可以在已知数组基础上,根据不同情况创建或处理数组,以此获取想要结果。
fill 填充数组
filter 过滤数组 并返回一个新数组
map 根据编码逻辑 返回一个新数组
sort 原数组排序
slice 在已知数组中截取一个新数组
slice() 方法接受两个参数,分别表示截取子数组的起始位置和结束位置。
splice 删除已知数组中的数据,并返回被删除的数据
splice() 方法接受三个参数,分别为开始修改的位置、要删除的元素个数(如果不删除任何元素,则此参数为0),以及要插入到数组中的新元素。splice() 方法将修改原始数组,而不是创建一个新的数组。
reverse 反转数组
concat 合并多个数组
那么还有其它方式吗?
人人为我,我为人人,谢谢您的浏览,我们一起加油吧。
猜你喜欢
- 2024-10-12 王者编程大赛之三—最大价值(01背包)
- 2024-10-12 numpy通过形状或值创建ndarray numpy改变形状
- 2024-10-12 NumPy常用的方法汇总 numpy的简单例子
- 2024-10-12 PHP桶排序:高效处理大数据集的算法解析与实现
- 2024-10-12 JavaScript ES6 - 数组扩展 javascript脚本文件的扩展名为
- 2024-10-12 JavaScript数组构造from函数 javascript 数组函数
- 2024-10-12 数据的增强 数据增强技术
- 2024-10-12 8个有用的JavaScript技巧 excel打印技巧8个必备excel打印技巧
- 2024-10-12 scala 使用指南,降低新手入门难度
- 2024-10-12 常用的JavaScript代码技巧 (二)布尔、数组
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)