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

目录
相关文章
|
8天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
1月前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
28天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
25 0
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
27 2
JavaScript基础知识-数组的遍历
|
3天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
25 1
JavaScript基础知识-数组的练习
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
15 1
JavaScript基础知识-数组的常用方法
|
17天前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
13 1
JavaScript基础知识-数组基于索引访问
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
11 1
JavaScript基础知识-数组的定义方式
|
1天前
|
JavaScript 前端开发 索引