Heim > Artikel > Web-Frontend > Was ist die Verwendung von Javascript-Arrays?
In JavaScript ist ein Array eine Sammlung geordneter Daten, die zum Speichern großer Datenmengen verwendet werden. Die Länge des Arrays kann dynamisch angepasst und verkürzt werden erheblich vereinfachen und den Programmcode vereinfachen, wodurch die Anwendungseffizienz verbessert wird.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
JavaScript-Array (Array) ist eine Sammlung geordneter Daten. Jedes Mitglied im Array wird als Element (Element) bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index (Index) bezeichnet. Die Länge des Arrays ist flexibel und lesbar und beschreibbar; das heißt, die Länge des Arrays kann dynamisch angepasst werden.
Die Rolle von Arrays: Speichern großer Datenmengen, mehrere Daten können gleichzeitig gespeichert werden. Durch die Verwendung von Arrays kann der Programmcode erheblich verkürzt und vereinfacht werden, wodurch die Effizienz der Anwendung gesteigert wird.
In JavaScript können Sie das Array-Objekt verwenden, um ein Array zu definieren. Darüber hinaus stellt das Array-Objekt auch verschiedene Eigenschaften und Methoden bereit, die sich auf Arrays beziehen.
Array ist ein Datencontainer in JS. Es ist einer der Referenztypen.
Seine Funktion ist sehr einfach, es dient zum Speichern mehrerer Daten und Die Länge des Arrays kann dynamisch angepasst werden. Die vom Array erstellte Methode: 创 Literale Menge
Konstruktor-Syntax:
var array name = new Array(member 1, member 2, member 3, ... ) (Zumindest wenn es zwei oder mehr Array-Elemente gibt ;)und der Parametertyp eine Zahl istBeachten Sie, dass Array 0, A sein sollte großgeschrieben, wird er als die Länge des Arrays betrachtet
;var arr = new Arry(5); console.log(arr); Das Ausgabeergebnis ist:
var array name = new Array() ; var arr = new Array ();//Erstelle ein neues leeres Array
Array-Elemente abrufen:Das Array besteht aus zwei Teilen: 1: Index (auch Index genannt), Der Index beginnt bei 0;
2. Mitglieder (Array-Elemente):Für Mitglieder gelten keine Einschränkungen und kann jede Art von Daten sein;
kann eine Zeichenfolge, eine Zahl, ein boolescher Wert, undefiniert, null oder ein Array sein;
Array-Name [Index] ; Der Index beginnt bei Null;
// Format: Array-Name [Index] Der Index wird auch als Index bezeichnet // Funktion: Den Wert abrufen, der dem Index im Array entspricht. Wenn der Index nicht vorhanden ist, wird undefiniert zurückgegeben.
var arr = ['red',, 'green', 'blue'];
console.log(arr[0]) ; // red
console .log(arr[2]
var arr = ["a" , "b"];
); // blue aconsole.log(arr[3]
); // Der maximale Index dieses Arrays ist 2, und es gibt kein solches Array-Element, Das Ausgabeergebnis ist also „Ist undefiniert“;arr[5] = "gut";
console.log(arr); //
数组名.length
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
length表示数组的长度 它会跟着数组实时发生变化(动态监测数组元素的个数)
console.log(arr.length) //数组成员的个数: 8
length属性可读可写 它也会影响数组的成员个数 但是我们一般不会主动修改该属性;
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
arr.length = 3;
console.log(arr.length);
console.log(arr);
数组元素求和,求平均值:
求数组元素的最大值:
数组元素转字符串,并分割开: 推荐: 数组名.join("连接符")
求数组中大于10的成员,并挑选出来:
数组元素的倒叙:
作用:头部增加 (可以增加多个)
参数:添加的成员,可以是多个;
返回值:数组的新长度
var arr = ['张三', '李四', '王五', '赵六']; var result = arr.unshift('王二',刘一) console.log(result); // 6 console.log(arr); // ["王二", "刘一","张三", "李四", "王五", "赵六"]
作用:尾部增加 (可以增加多个)
参数:添加的成员,可以是多个;
返回值:数组的新长度
var arr = ['张三', '李四', '王五', '赵六']; var result = arr.push('王二',"刘一") console.log(result); // 6 console.log(arr); // ["张三", "李四", "王五", "赵六", "王二","刘一"]
作用:删除数组的头部第一项
参数:无;
返回值:被删除的那一项
var arr = ['张三', '李四', '王五', '赵六']; var result = arr.shift() console.log(result); // 张三 console.log(arr) // ['李四', '王五', '赵六'];
作用:删除数组最后一项;
参数:无;
返回值:被删除的那一项
var arr = ['张三', '李四', '王五', '赵六']; var result = arr.pop(); console.log(result); // 赵六 console.log(arr) //["张三", "李四", "王五"]
作用:合并
参数:任意个、任意类型
返回值:一个新的合并后的数组
特点:没有改变原来的数组
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var newArr = arr1.concat(arr2, "good", true, 1);
console.log(arr1); // 1,2,3
console.log(arr2); //4,5,6
console.log(newArr); //1, 2, 3, 4, 5, 6, "good", true, 1
slice的本质是复制(浅复制)
作用:截取
参数:
没有参数 截取全部
一个参数 从指定位置截取到最后(包括最后)
两个参数 从指定开始位置截取到指定的结束位置 1. 这两个参数都是下标 2. 开始位置(包含) 3. 结束位置(不包含) 4. 第二个参数要比第一个大;
参数可以是负数,负数是从后面开始,最后一个是-1;
特点:不改变原数组
没有参数 (截取全部的)
var arr = ['张三', '李四', '王五', '赵六'];
var arr1 = arr.slice();
console.log(arr1) // ["张三", "李四", "王五", "赵六"]
一个参数 (从指定位置截取到最后(包括最后))
var arr = ['张三', '李四', '王五', '赵六'];
var arr2 = arr.slice(1);
console.log(arr2) // ["李四", "王五", "赵六"]
两个参数 (包括开始,不包括结尾)
var arr = ['张三', '李四', '王五', '赵六'];
var arr3 = arr.slice(1, 3);
console.log(arr3) // ["李四", "王五"]参数为负数; (还是第二个参数要比第一个大)
var arr = ['张三', '李四', '王五', '赵六','刘一'];
var arr3 = arr.slice(-3, -1);
console.log(arr3) // ["王五","赵六"]PS: 如果参数是负数 那么表示从后往前数 最后一个值是-1
作用:用于操作数组成员
参数:
- 参数1:操作开始位置; (从第几个索引号后开始, 可以看成直接从顺序的第几个后开始的)
- 参数2:删除的成员个数; (为0,是添加)
- 参数3:从第三个参数开始是添加的成员;
返回值:被删除的那些成员组成的数组
特点:会改变原数组
// 删除 var arr = ['张三', '李四', '王五', '赵六']; var result = arr.splice(1, 2) console.log(result); // ["李四", "王五"] console.log(arr); // ["张三", "赵六"] ---------------------------------------------------------------------- // 插入 第二个参数为0; var arr = ['张三', '李四', '王五', '赵六']; var result = arr.splice(2, 0, '小绵羊'); console.log(result); // [] console.log(arr) // ["张三", "李四", "小绵羊", "王五", "赵六"] ------------------------------------------------------------------------ // 替换 第一个参数从哪里开始, 第二个参数删除几个,第三个参数...添加的新成员; var arr =['张三', '李四', '王五', '赵六']; var result = arr.splice(2, 1, '小绵羊', '大绵羊'); console.log(result); // ["王五"] console.log(arr) // ["张三", "李四", "小绵羊", "大绵羊","赵六"]-----------------------------------------------------------------------------------------------
如果只有一个参数 则第二个参数默认为删除所有;
var arr = ['张三', '李四', '王五', '赵六'];
var result = arr.splice(2);
console.log(result); // ["王五","赵六"]
console.log(arr) // ["张三", "李四"]
作用: 查找
参数:被查找的成员;
返回值:下标(索引); 若有该成员返回该索引; 若没有就返回-1
var arr = ["a", "b", "c", "d", "e", "f"];
var idx = arr.indexOf("d"); //3
var idx = arr.indexOf("aa"); //-1
console.log(idx);
作用:转字符串
返回值:数组元素变成字符串类型,链接符相连;
参数: 拼接符号(可选)
数组名.join() 不写内容,默认是逗号, ;
数组名.join(''), '' 没有空格隔开, 数组直接相连;
数组名.join(' ') 空格隔开, 空格
数组名.join('*')
var arr =['张三', '李四', '王五', '赵六']; var str = arr.join(); console.log(str); // 张三,李四,王五,赵六 var str1 = arr.join('+'); console.log(str1); // 张三+李四+王五+赵六 var str2 = arr.join('❤'); console.log(str2); // 张三❤李四❤王五❤赵六//返回值是数组元素变成字符串,并连接符相连;
作用:将数组的成员倒序
返回值:倒叙的原数组
参数:无
特点:会改变原数组
var arr =['张三', '李四', '王五', '赵六']; console.log(arr) // ["张三", "李四", "王五", "赵六"] var arr1 = arr.reverse(); console.log(arr1) // ["赵六", "王五", "李四", "张三"] console.log(arr === arr1) // trueconsole.log(arr) // ["赵六", "王五", "李四", "张三"] //会改变原数组;
其他方法:
作用:将数组成员按照指定规则排序
返回值:排序后原数组
参数:规则函数; 不跟参数(//不跟参数,会先转为字符串,然后按照ascii码排序首字母排;)
特点:会改变原数组
var arr = [89, 96, 45, 66, 78, 3, 100, 1];
arr.sort(function(a, b) {
return a - b; // 升序
});
console.log(arr); // [1, 3, 45, 66, 78, 89, 96, 100];
-------------------------------------------------------------------------
var arr = [89, 96, 45, 66, 78, 3, 100, 1];
arr.sort(function(a, b) {
return b - a; // 降序
});
console.log(arr); // [100, 96, 89, 78, 66, 45, 3, 1];
--------------------------------------------------------------
var arr = [89, 96, 45, 66, 78, 3, 100, 1];
arr.sort(); //不跟参数,会先转为字符串,然后按照ascii码排序首字母排;
console.log(arr); //[1, 100, 3, 45, 66, 78, 89, 96]
交换两个变量的值
var a = 4; var b = 5; // 交换两个变量的值要借助第三个变量 var c = b; b = a; a = c; console.log(a); // 5 console.log(b); // 4
arr.length = 0;for (var j = 0; j
for (var i = 0; i
if (arr[i] > arr[i + 1]) {
var temp = arr[i];
arr[i] = arr[i + 1];
arr[i + 1] = temp;
}
}
}----------------------------------------------------------
要排序 就要比较大小
Nehmen Sie zuerst die erste Zahl und vergleichen Sie sie mit der zweiten. Wenn die erste Zahl größer ist, müssen Sie die Positionen vertauschen. Nach dem Vergleich muss die Zahl an der zweiten Stelle des Arrays größer sein als die erste Nach dem Vergleich muss die dritte Zahl im Array größer sein als die Zahl an zweiter Stelle. Und so weiter: Nach einer Vergleichsrunde muss die endgültige Zahl die größte sein. In der zweiten Runde , der Vergleich wird von Anfang an fortgesetzt. Die zweitgrößte Zahl
Die dritte Runde...bis zum Ende.
// // // Die äußere Schleife bestimmt die Anzahl der Ausführungen von Die innere Schleife (var j = 0; J & lt; arr.Length - 1; i + 1]; Es ist auch ein Array, das als zweidimensionales Array bezeichnet wird. Eindimensionales Array: [1, 2, 3, 4, 5, 6] Zweidimensionales Array:[
[1, 2, 3, 4, 5, 6],
[1 , 2 , 3, 4, 5, 6],
[1, 2, 3, 4, 5, 6]...]
Methode zum Löschen des Arrays: / / Methode 1 empfohlen
arr = [ ];
// Methode 2
arr.splice(0, arr.length);[Empfohlenes Lernen:
Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von Javascript-Arrays?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!