Kwarin Method Array JavaScript

درس انتخابی

پیشنهاد دوره:

قدرت آرایه JavaScript در روش‌های آرایه نهفته است. toString() آرایه را به یک رشته تبدیل می‌کند

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

var fruits = ["Banana", "Orange","Apple", "Mango"];

مетод JavaScript

亲自试一试

آرایه را به یک رشته از ارزش‌های آرایه (با کاما جدا شده) تبدیل می‌کند. Banana,Orange,Apple,Mango

join()

实例

روش می‌تواند تمامی عناصر آرایه را به یک رشته یکپارچه تبدیل کند.
رفتار آن مشابه toString() است، اما شما همچنین می‌توانید کاراکتر جداکننده را تعیین کنید:

var fruits = ["Banana", "Orange","Apple", "Mango"];

document.getElementById("demo").innerHTML = fruits.join(" * ");

亲自试一试

نتیجه

Banana * Orange * Apple * Mango

Popping و Pushing

در هنگام کار با آرایه، حذف عنصر و اضافه کردن عنصر جدید بسیار آسان است.Popping و Pushing به معنای:پروژه، یا به آرایهورودپروژه.

Popping

pop() روش از آرایه دافوا آخرین عنصر را حذف می‌کند:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // دافوای آخرین عنصر از fruits حذف می‌شود ("Mango")

亲自试一试

pop() روش ارزش «弹出” شده را برمی‌گرداند:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // ارزش x "Mango" است

亲自试一试

Pushing

push() روش (در انتهای آرایه) یک عنصر جدید به آرایه اضافه می‌کند:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // یک عنصر جدید به fruits اضافه می‌شود

亲自试一试

push() روش طول جدیدترین آرایه را برمی‌گرداند:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // ارزش x 5 است

亲自试一试

عناصر جابجا می‌شوند

جابجایی مشابه با pop است، اما با حذف اولین عنصر و نه آخرین.

shift() روش دافوا اولین عنصر را حذف می‌کند و تمامی عناصر دیگر را به یک علامت کمتر جابجا می‌کند.

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // دافوای اولین عنصر از fruits حذف می‌شود "Banana"

亲自试一试

shift() 方法返回被“位移出”的字符串：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // 返回 "Banana"

亲自试一试

unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 向 fruits 添加新元素 "Lemon"

亲自试一试

unshift() 方法返回新数组的长度。

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

亲自试一试

更改元素

通过使用它们的索引号来访问数组元素：

数组索引（下标）以 0 开始。[0] 是第一个数组元素，[1] 是第二个，[2] 是第三个 ...

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 把 fruits 的第一个元素改为 "Kiwi"

亲自试一试

length 属性提供了向数组追加新元素的简易方法：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 向 fruits 追加 "Kiwi"

亲自试一试

删除元素

既然 JavaScript 数组属于对象，其中的元素就可以使用 JavaScript delete 运算符来删除：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

亲自试一试

使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之。

拼接数组

splice() 方法可用于向数组添加新项：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

亲自试一试

第一个参数（2）定义了应添加新元素的位置（拼接）。

第二个参数（0）定义应删除多少元素。

其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。

splice() 方法返回一个包含已删除项的数组：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

亲自试一试

使用 splice() 来删除元素

通过聪明的参数设定，您能够使用 splice() 在数组中不留“空洞”的情况下移除元素：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

亲自试一试

第一个参数（0）定义新元素应该被a yake koyar koyarka kama.

iki na biyu (1) yana nunaa yake koyar koyar abin da yanzuelement.

abubuwan da za a kaiya an kaiwa. abin na yake koyar koyar yana kaiwa abin na yake koyar koyar.

a yake koyar koyar

concat() a yake koyar koyar yana kama abin na yake koyar koyar daga abin da yake koyar koyar:

doka (an kama abin da yankin kuma yanzu)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // a kama abin myGirls da myBoys

亲自试一试

concat() a yake koyar koyar yana kaiwa abin na yake koyar koyar. a yake koyar koyar yana kaiwa abin na yake koyar koyar.

concat() a yake koyar koyar yana samu abin da yanzu kama abin da yake koyar koyar:

doka (an kama abin da yankin kuma yanzu)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // a kama abin arr1, arr2 da arr3

亲自试一试

concat() a yake koyar koyar yana samu abin da yanzu kama abin da yake koyar koyar:

doka (an kama abin da yankin kuma yanzu)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

亲自试一试

a yake koyar koyar

slice() a yake koyar koyar yana tsara abin na yake koyar koyar daga abin na yake koyar koyar.

doka na yake koyar koyar daga abin 1 ("Orange") har zuwa kaiya:

实例

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

亲自试一试

slice() a yake koyar koyar yana tsara abin na yake koyar koyar yauwa abin na yake koyar koyar. a yake koyar koyar yana kaiwa abin na yake koyar koyar.

doka na yake koyar koyar daga abin 3 ("Apple") har zuwa kaiya:

实例

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

亲自试一试

slice() a samu abin da yanzu, kamar (1, 3).

a yake koyar koyar daga baya har zuwa kaiya (kuma yanzu) a yake koyar koyar.

实例

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

亲自试一试

idana aya kaiya, kamar alama, slice() a yake koyar koyar

实例

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

亲自试一试

auto toString()

如果需要原始值，则 JavaScript 会自动把数组转换为字符串。下面两个例子将产生相同的结果：

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

亲自试一试

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

亲自试一试

所有 JavaScript 对象都拥有 toString() 方法。

数组排序

我们将在下一章学习到数组排序的知识~。

查找数组中的最大和最小值

没有在 JavaScript 数组中查找最高和最低值的内建函数。

您将在本教程的下一章学习如何解决这个问题。

完整的数组参考手册

如需完整的参考手册，请访问我们完整的 JavaScript 数组参考手册。

该参考手册包含所有数组属性和方法的描述和实例。