JS Array(数组)简单入门

简介: 数组是什么?数组通常被描述为“像列表一样的对象”; 简单来说,数组是一个包含了多个值的对象。数组对象可以存储在变量中,并且能用和其他任何类型的值完全相同的方式处理,区别在于我们可以单独访问列表中的每个值,并使用列表执行一些有用和高效的操作,如循环 - 它对数组中的每个元素都执行相同的操作。创建数组

数组是什么?



数组通常被描述为“像列表一样的对象”; 简单来说,数组是一个包含了多个值的对象。


数组对象可以存储在变量中,并且能用和其他任何类型的值完全相同的方式处理,区别在于我们可以单独访问列表中的每个值,并使用列表执行一些有用和高效的操作,如循环 - 它对数组中的每个元素都执行相同的操作。


创建数组


let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; shopping;


访问和修改数组元素

// 通过下标访问
console.log(shopping[0]);
// 修改数组元素
shopping[0] = 'tahini';


获取数组长度


sequence.length;


字符串和数组之间的转换

let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
let myArray = myData.split(',');
// 尝试找到新数组的长度,并从中检索一些项目:
myArray.length;
myArray[0]; // the first item in the array
myArray[1]; // the second item in the array
myArray[myArray.length-1]; // the last item in the array


数组转字符串


您也可以使用 join() 方法进行相反的操作。 尝试以下:

let myNewString = myArray.join(',');
myNewString;


将数组转换为字符串的另一种方法是使用 toString() 方法。 toString() 可以比 join() 更简单,因为它不需要一个参数,但更有限制。 使用 join() 可以指定不同的分隔符


let dogNames = ["Rocket","Flash","Bella","Slugger"];
dogNames.toString(); //Rocket,Flash,Bella,Slugger


添加和删除数组项


要在数组末尾添加或删除一个项目,我们可以使用  push()pop()


push方法调用完成时,将返回数组的新长度


var newLength = myArray.push('Bristol');


pop方法调用完成时,将返回已删除的项目


let removedItem = myArray.pop();


unshift()shift() 从功能上与 push()pop() 完全相同,只是它们分别作用于数组的开始,而不是结尾。


进一步了解数组对象(Array object)



创建数组


// 推荐使用
var arr = [element0, element1, ..., elementN];
// 不推荐
var arr = new Array(element0, element1, ..., elementN);
var arr = Array(element0, element1, ..., elementN);


译者注: var arr=[4] 和 var arr=new Array(4)是不等效的,

使用字面值(literal)的方式应该不仅仅是便捷,同时也不易踩坑


为了创建一个长度不为0,但是又没有任何元素的数组

var arr = new Array(arrayLength);
var arr = Array(arrayLength);
// 这样有同样的效果
var arr = [];
arr.length = arrayLength;


这里倒是推荐使用第一种.


遍历数组(interating over array)

var colors = ['red', 'green', 'blue'];
for (var i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}
// 尼玛此时i居然还能访问
// 所以推荐一下写法, 所有`var`变量的声明写道函数的顶部. `let`则可以这么写.


多维数组(multi-dimensional arrays)



数组是可以嵌套的, 这就意味着一个数组可以作为一个元素被包含在另外一个数组里面。利用JavaScript数组的这个特性, 可以创建多维数组。


以下代码创建了一个二维数组。

var a = new Array(4);
for (i = 0; i < 4; i++) {
  a[i] = new Array(4);
  for (j = 0; j < 4; j++) {
    a[i][j] = "[" + i + "," + j + "]";
  }
}


参考



https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Arrays



目录
相关文章
|
21天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
5天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
30 2
JavaScript基础知识-数组的遍历
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
27 1
JavaScript基础知识-数组的练习
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
18 1
JavaScript基础知识-数组的常用方法
|
1月前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
15 1
JavaScript基础知识-数组基于索引访问
|
15天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
15天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
14天前
|
JavaScript 前端开发 索引
|
20天前
|
JavaScript
js 循环数组取值
js 循环数组取值
下一篇
无影云桌面