第三篇-Javascript数组

简介: 第三篇-Javascript数组

什么是数组

数组指一组有序数据的集合其中的每个数据被称作元素,在数组中可以存放任意类型的元素。

可以通过new关键字来创建数组。

Javascript访问数组

1、通过索引访问单个元素:

let arr = [1, 2, 3, 4, 5];
console.log(arr[0]); // 输出 1
console.log(arr[2]); // 输出 3
console.log(arr.length); // 输出数组的长度,即 5

2、使用循环遍历数组:

let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]); // 逐个输出数组的元素
}

3、使用数组的内置方法访问数组元素,如forEach()map()filter()等:

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(element) {
  console.log(element); // 逐个输出数组的元素
});

4、使用解构赋值访问数组元素:

let arr = [1, 2, 3, 4, 5];
let [first, second, ...rest] = arr;
console.log(first); // 输出 1
console.log(second); // 输出 2
console.log(rest); // 输出 [3, 4, 5]

其实,无论用哪种方式,都可以使用索引来访问数组。

冒泡排序

冒泡排序是一种简单的排序算法,它重复地遍历要排序的数列,一次比较两个元素,如果它们的大小顺序错误就将其交换位置,直到整个数列都排序完成。具体步骤如下:

1、比较相邻的两个元素,如果大小顺序错误就将它们交换位置。

2、遍历完整个数列后,最大的元素会被排到最后。

3、针对剩下的元素重复上述步骤,直到所有元素都排序完成。

下面是用代码来实现:

            let arr=[1,5,8,6,15,2];
            for(let i=0;i<arr.length-1;i++){
                for(let j=0;j<arr.length-1-i;j++){
                    if(arr[j]>arr[j+1]){
                        let num=arr[j];
                        arr[j]=arr[j+1];
                        arr[j+1]=num;     
                    }   
                }
                console.log(arr);
            }

多维数组

多维数组是指数组中的每个元素也是一个数组,即数组的元素仍然是数组。创建和遍历多维数组的方法类似于一维数组,只需多层循环即可。下面是一个例子:

let  arr2  =  [[11,  12,  13],  [21,  22,  23],  [31,  32,  33]];   // 二维数组

for(let  i  =  0;  i  <  arr2.length;  i++){         // 循环出二维数组中的每个值

for(let  j  =  0;  j  <  arr2[i].length;  j++){

console.log(arr2[i][j]);

}

}


相关文章
|
8月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
222 2
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
415 3
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
359 4
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
115 5
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
180 1
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
93 3
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
769 1
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
271 0