javascript 数组

admin2年前 (2023-07-01)it知识386

什么是数组?

数组是一个特殊的变量,它能够一次存放一个以上的值。

如果你有一个项目清单,在单个变量中存储品牌,那应该是这样字的:

var brand1 = "Saab";
var brand2 = "Volvo";
var brand3 = "BMW";

假如希望遍历所有汽车牌子并找到一个特定的值?因为如果不知3个而是更多,比如30,300等。

这个时候就是要数组。

数组可以用一个单一的名称存放很多值,并且还可以通过索引号来访问这些值。


创建数组

var brands = ["Saab", "Volvo","BMW"];

 还可以拆行,因为声明可以横跨多行:

var brands = [
      "Saab",
      "Volvo",
      "BMW"
];


注意:最后一个元素之后不用写逗号(,),否者可能出现浏览器兼容问题。


使用javascript 关键字 new 创建数组

var brands = new Array("Saab","Volvo","BMW");

这两种创建数组的效果是一样的,但是出于简洁,可读性,执行速度的考虑,还是使用第一种的方法比较好。


访问素组元素

通过使用索引号来引用耨个数组元素

var name = brands[0];

修改brands里元素的方法是这样:

brands[0] = "Opel";


数组还是一种特殊的对象,使用typeof 运算符会返回 "object"

但是我们还是会以数组来描述。

数组使用数字来访问其元素,比如:

brands[0],返回第一个Opel.


这里对象这是使用名称来访问其成员。比如person.firstName 返回 Tom

var person = {firstNmae: "Tom", lastName: "jie", age: 20};


可以在数组中保存对象,保存函数,保存数组:

myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = brands;
var x = brands.length;     // length 属性返回元素的数量
var y = brands.sort();     // sort() 方法对数组进行排序

  访问最后一个元素可以这样使用

var last = brands[brands.length -1];


遍历数组元素

  1. for 循环

var fruits,text,flen,i;
fruits = ["banana", "apple","orange"];
flen = fruits.length;
text = "<ul>";
for(i = 0; i< flen; i++) {
     text += "<li>"+ fruits[i]+"</li>;
}

   2. Array.foreach() 函数

var fruits,text;
fruits = ["banana","apple","orange"];
text="<ul>";
fruits.foreach(myFunction);
text +=</ul>;
function myFunction(value) {
 text += "<li>" + value +"</li>";
}


添加数组元素使用push

fruits.push("lemon");

还可以使用length属性

fruits[fruits.length] = "lemon";


总结一下:

JavaScript中 

数组使用的是数字索引

对象使用的是命名索引

数组是特殊类型的对象,具有数字索引


创建与使用数组使用 [] 就行。


因为数组是特殊的对象,那该如何识别数组呢?

1.这里 ECMAScript5 定义了新方法 Array.isArray();

Array.isArray(fruits);  // 返回 true;

2.创建 isArray()函数来解决

function isArray(x) {
   return x.constructor.toSting().indexOf("Array") > -1;
}


标签: JavaScript

相关文章

JavaScript 字符串模板

模板字面量使用反引号(``)而不是引号("")来定义字符串:比如:let text = `Hello World`;使用模板字面量,可以在字...

JavaScript 数组迭代

数组迭代方法对每个数组项进行操作Array.foreach()方法为每个数组元素调用一次函数(回调函数)var txt = ""; var ...

JavaScript 可迭代对象

可迭代对象时可以使用for..of 进行迭代的对象从技术上讲,可迭代对象必须实现Symbol.iterator方法。遍历字符串你可以使用for..of循环来遍历字符串的元素:for(const&nbs...

electorn是什么

关于electron有以下信息:Electron 是一款可以使用 JavaScript、HTML 和 CSS 来构建跨平台桌面应用程序的开源框架,它可以让开发者使用 web 技术来创建原生应用程序。E...

JavaScript Set

JavaScript的Set(集合)是一组唯一值的集合。每个值只能在Set中出现一次。Set可以容纳任何数据类型的值。如何创建Set将数组传递给new Set()创建一个新的Set, 然后使用add(...

JavaScript Map

Map 保存键值对,其中键可以是任何数据类型。Map会记住键的原始插入顺序。Map提供表示映射大小的属性。如何创建Map 可以通过以下方式创建Javascript 映射:将数组传递给new...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。