JavaScript 数组

简介: JavaScript 数组

创建和初始化数组



let arr1 = new Array();//创建了一个空数组

let arr2 = new Array(5);//创建了一个长度为5,每项都为空的数组

let arr3 = new Array(1,2,3);//创建数组[1,2,3]

let arr   = [];//创建了空数组  等同于arr1

let arrs = [1,2,3];//等同于arr3 


数组的属性


let arrLen = arr.length;//0 返回arr数组的长度


添加数组元素


arr[arrLen] = 1;//[1]  在数组最后一个空位赋值即可

arr.push(2,4,5);//[1,2,4,5] push 在数组后面按照括号里的顺序插入值 可以push任意个元素

let aLen = arr.unshift(10);//[10,1,2,4,5] unshift 在数组头部插入元素 可以unshift任意个元素  并且返回新的数组长度


删除输入元素


let a0 = arr.shift();//[1,2,4,5] 删除数组第一个元素,并且返回被删除的元素 

let a4 = arr.pop();//[1,2,4]删除数组最后一个元素,并且返回被删除的元素



二维数组和多维数组

JavaScript只支持一维数组,并不支持矩阵,因此


let arr= [][];//会直接报错 Uncaught SyntaxError: 语法错误
let arr = [];
let arr[0] = [1,3,5,7,9];
let arr[1] = [2,4,6,8,10];

这样arr就成为了二维数组。arr[0][4] 就等于9了。

如果要循环打印出来所有元素,有几维就需要使用几层循环。


数组方法参考:

1.concat()    数组合并


let arr1 = [1,2,3];
let arr2 = [4,5,6];
lat arr = arr1.concat(arr2);//arr : [1,2,3,4,5,6]; 原数组不变


 

2.join()    把数组的所有元素放入一个字符串,通过指定分隔符分割。

let arr = arr1.join('-');//arr: '1-2-3',原数组不变


3.pop()    删除并返回数组的最后一个元素


4.push()    向数组末尾添加元素,并且返回新的数组长度


5.reverse()    颠倒数组中的元素顺序 


6.shift()    删除并返回数组第一个元素


7.slice(start,end)    从数组返回选定的元素

var arr = arr1.slice(0,1);//arr:[1] 从零开始选,选中到1的前一个 


8.sort()    数组排序

不能直接使用,需要自定义函数方法,在使用方法排序


9.splice()    删除元素,并向数组添加新元素

var arr = arr1.slice(1,2,11,12,13,14);

//arr:[2,3],arr1[1,11,12,13,14]

从下标为1开始删除两个,并在从下表为1的地方开始插入前两个参数之外的所有数据,返回被删除的元素,且返回格式为数组


10.toString()    与join()方法不传参效果一样 


11.unshift()    向数组头部添加元素,并返回新的长度


12.valueOf()    返回数组对象的原始值

只能是boolean类型,否则会报错 不常用


13.toSource()     toLocaleString()   这两个太少见,就不解释了。






6efab1869072f77cc579de71871a9af95bee2342

目录
相关文章
|
12天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
15 2
|
15天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
17 3
|
17天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
33 4
|
15天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
24 1
|
19天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
21 5
|
22天前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
13 3
|
21天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
28 1
|
23天前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
16 0
|
28天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
23 3
|
15天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
11 0