你唯一需要的JS阵列指南
来自Unsplash
在这个详细的博客中，你将看到并学习到JavaScript中所有的基本数组方法和操作
什么是数组？
数组是一种数据结构，它使你能够在一个变量名下存储一系列的项目，这些项目在逻辑上可能有联系，也可能没有联系。通常，它们是通过其索引或键来访问的。
JavaScript数组的语法
const your_arrayname =[item1,item2,...]
JavaScript数组的特点
数组是可调整大小的，可以有任何类型。
["Adarsh",5,true]
它们的索引从零开始。
["first","second","third","fourth"]
我们可以通过它们的索引来访问数组元素。
arrayname[0] // returns first item in array
创建一个新的数组
你可以通过两种方式创建数组。
const your_arrayname =[item1,item2,...]
OR
const your_arrayname = new Array(item1,item2,...)
有用的数组方法和操作
- 数组的长度
const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
2.循环浏览数组
const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
for(let i=0;i<billionaries.length;i++){
console.log(billionaries[i])
3**.在最后添加一个新元素**
方法：push()
const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.push("Adarsh Gupta 2")
//result
4.4.从最后面删除元素
方法：pop()
billionaires.pop()
5.5.从开始删除元素
方法：shift()
const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
6.在起始处添加元素
方法：unshift()
const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
7.7. 合并两个数组
方法：concat()
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3);
// [1,2,3,4,5,6]
8.在一个特定的位置添加元素
方法: splice(start,end,...items)
const fruits = ["Banana", "Orange", "Apple", "Mango"];
//['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
9.9.将一个数组的一部分切片
方法：slice()
const WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"];
WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"]
10.对一个数组进行排序
方法：sort()
const words_Letters=["a","e","b","c","alpha","beta","gamma"]
words_Letters.sort()
['a', 'alpha', 'b', 'beta', 'c', 'e', 'gamma']
const num=[1,33,2,44,54,13,4,23,11]
num.sort() //not numerically but alphabeticaly
[1, 11, 13, 2, 23, 33, 4, 44, 54]
11.反转一个数组
首先用sort()进行排序，然后用reverse()进行反转。
12.反转一个数组的数字
const num=[1,33,2,44,54,13,4,23,11]
num.sort((a,b)=>{return a-b})
13.多维数组转为单方向
方法：flat()
[1, [2, [3, 4], 5], 6, [7, 8]].flat(Infinity)
//[1, 2, 3, 4, 5, 6, 7, 8]
14.通过数组映射
方法：map()
[1, 2, 3, 4, 5, 6, 7, 8].map(a=>console.log(a))
15.使用扩散运算符
const array1 = [1, 2, 3]
onst array = ['A', 'B', 'C', 'D', 'E']
16.使用过滤器方法()
filter()方法从一个数组中获取每个元素，并对其应用一个条件语句。
let num1 = [1,2, 3, 4, 5, 6, 7, 8];
let data = num1.filter((value)=> return value%2==0)
// data =[2,4,6,8]
我们已经涵盖了几乎所有的数组方法，并对JavaScript中的数组有了深入了解。
希望这个详细的主题是有用的。在Medium上关注我，也在我的Twitter上关注Adarsh Gupta，了解更多关于JavaScript、Web开发和更多内容。
构建可组合的Web应用
不要建立网络单体。使用 构建可组合的Web应用来创建和组成解耦的软件组件--在你喜欢的框架中，如React或Node。构建可扩展和模块化的应用程序，拥有强大和愉快的开发体验。
把你的团队带到 比特云来托管并共同协作开发组件，并作为一个团队加快、扩大和规范开发。尝试用设计系统 或微前端的可组合前端，或探索用服务器端组件的可组合后端。
了解更多
JavaScript完整阵列指南最初发表在Medium上的Bits and Pieces，在那里人们通过强调和回应这个故事来继续对话。
