--- title: Javascript Array Methods description: "## Converting Arrays to Strings ## Багцыг үг болгон хөрвүүлэх The JavaScript method `toString()` converts an array to a string of (comma separated) array values. `toString()` JavaScript арга нь багцыг (таслалаар тусгаарласан) багцын утга болгон хөрвүүлдэг. ### Example Жишээ `var fruits =…" url: "https://apprentice.mn/docs/javascript-array-methods/" updated: "2021-07-26" category: Javascript --- # Javascript Array Methods ## Converting Arrays to Strings ## Багцыг үг болгон хөрвүүлэх The JavaScript method `toString()` converts an array to a string of (comma separated) array values. `toString()` JavaScript арга нь багцыг (таслалаар тусгаарласан) багцын утга болгон хөрвүүлдэг. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.toString();` Result: Үр дүн: `Banana,Orange,Apple,Mango` The `join()` method also joins all array elements into a string. `join()` арга нь багцын бүх элементүүдийг үг болгон нэгтгэдэг. It behaves just like `toString()`, but in addition you can specify the separator: Энэ нь яг `toString()` шиг ажилладаг боловч үүнээс гадна та тусгаарлагчийг зааж өгч болно. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.join(" * ");` Result: Үр дүн: `Banana * Orange * Apple * Mango` > ## Popping and Pushing > > > > ## Попинг ба түлхэлт > > > > When you work with arrays, it is easy to remove elements and add new elements. > > > > Багцтай ажиллахдаа элементүүдийг арилгах, шинэ элемент нэмэх нь амархан байдаг. > > > > This is what popping and pushing is: > > > > Энэ бол попинг ба түлхэлт юм. > > > > Popping items **out** of an array, or pushing items **into** an array. > > > > Багцаас зүйлийг гаргах, эсвэл багц руу түлхэх. ---               --- ## Popping The `pop()` method removes the last element from an array: `pop()` арга нь сүүлчийн элементийг массиваас хасдаг. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop(); // Removes the last element ("Mango") from fruits` The `pop()` method returns the value that was “popped out”: `pop()` арга нь “гарч ирсэн” утгыг буцаана: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.pop(); // the value of x is "Mango"` ## Pushing The `push()` method adds a new element to an array (at the end): `push()` арга нь массив дээр шинэ элемент нэмдэг (төгсгөлд): ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi"); // Adds a new element ("Kiwi") to fruits` The `push()` method returns the new array length: `push()` арга нь массивын шинэ уртыг буцаана: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.push("Kiwi"); // the value of x is 5` ## Shifting Elements ## Элементүүдийг шилжүүлэх Shifting is equivalent to popping, working on the first element instead of the last. Шилжүүлэлт нь сүүлчийнх биш харин эхний элемент дээр ажиллаж буй үсрэхтэй адил юм. The `shift()` method removes the first array element and “shifts” all other elements to a lower index. `shift()` арга нь багцын эхний элементийг устгаж, бусад бүх элементүүдийг доод индекс рүү “шилжүүлдэг”. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift(); // Removes the first element "Banana" from fruits` The `shift()` method returns the string that was “shifted out”: `shift()` арга нь “шилжсэн” мөрийг буцаана: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.shift(); // the value of x is "Banana"` The `unshift()` method adds a new element to an array (at the beginning), and “unshifts” older elements: `unshift()` арга нь массив дээр (эхэнд) шинэ элемент нэмж, хуучин элементүүдийг “unshift” болгох болно: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon"); // Adds a new element "Lemon" to fruits` The `unshift()` method returns the new array length. `unshift()` арга нь массивын шинэ уртыг буцаана. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon"); // Returns 5` ## Changing Elements ## Элементүүдийг өөрчлөх Array elements are accessed using their **index number**: Багцын элементүүдэд тэдгээрийн индексийн дугаарыг ашиглан ханддаг: Array **indexes** start with 0. [0] is the first array element, [1] is the second, [2] is the third … Багцын индексүүд 0-ээс эхэлнэ. [0] бол багцын эхний элемент, [1] нь хоёр дахь, [2] нь гурав дахь … ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits[0] = "Kiwi"; // Changes the first element of fruits to "Kiwi"` The `length` property provides an easy way to append a new element to an array: `length` шинж чанар нь багцад шинэ элемент нэмэх хялбар аргыг өгдөг. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits[fruits.length] = "Kiwi"; // Appends "Kiwi" to fruits` ## Deleting Elements ## Элементүүдийг устгах Since JavaScript arrays are objects, elements can be deleted by using the JavaScript operator `delete`: JavaScript массив нь объект тул элементүүдийг JavaScript оператор `delete` програм ашиглан устгаж болно. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; delete fruits[0]; // Changes the first element in fruits to undefined` Using **delete** may leave undefined holes in the array. Use pop() or shift() instead. Устгахыг ашиглах нь багц дахь тодорхойгүй нүхнүүдийг үлдээж болзошгүй юм. Үүний оронд pop () эсвэл shift () ашиглана уу. --- ## Splicing an Array ## Багцыг холбох The `splice()` method can be used to add new items to an array: `splice()` аргыг багц дээр шинэ зүйл нэмэхэд ашиглаж болно: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2, 0, "Lemon", "Kiwi");` The first parameter (2) defines the position **where** new elements should be **added** (spliced in). Эхний параметр (2) нь шинэ элементүүдийг нэмж оруулах байрлалыг тодорхойлдог. The second parameter (0) defines **how many** elements should be **removed**. Хоёрдахь параметр (0) нь хэдэн элементийг хасах ёстойг тодорхойлдог. The rest of the parameters (“Lemon” , “Kiwi”) define the new elements to be **added**. Үлдсэн параметрүүд (“Lemon”, “Kiwi”) нь нэмж оруулах шинэ элементүүдийг тодорхойлдог. The `splice()` method returns an array with the deleted items: `splice()` арга нь устгасан зүйл бүхий багцыг буцаана: ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2, 2, "Lemon", "Kiwi");` ## Using splice() to Remove Elements ## Элементүүдийг арилгахын тулд splice () -ийг ашиглах With clever parameter setting, you can use `splice()` to remove elements without leaving “holes” in the array: Ухаалаг параметрийн тохиргооны дагуу та `splice()` -ийг ашиглан элементүүдийг багц дотор “нүх” үлдээхгүйгээр арилгах боломжтой. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(0, 1); // Removes the first element of fruits` The first parameter (0) defines the position where new elements should be **added** (spliced in). Эхний параметр (0) нь шинэ элементүүдийг нэмж оруулах байрлалыг тодорхойлдог. The second parameter (1) defines **how many** elements should be **removed**. Хоёрдахь параметр (1) нь хэдэн элементийг хасах ёстойг тодорхойлдог. The rest of the parameters are omitted. No new elements will be added. Үлдсэн параметрүүдийг орхигдуулсан болно. Шинэ элементүүд нэмэгдэхгүй. --- ## Merging (Concatenating) Arrays ## Массивуудыг нэгтгэх (нэгтгэх) The `concat()` method creates a new array by merging (concatenating) existing arrays: `concat()` арга нь одоо байгаа Багцуудыг нэгтгэх (нэгтгэх) замаар шинэ багц үүсгэдэг: ### Example (Merging Two Arrays) ### Жишээ (Merging Two Arrays) `var myGirls = ["Cecilie", "Lone"]; var myBoys = ["Emil", "Tobias", "Linus"]; var myChildren = myGirls.concat(myBoys); // Concatenates (joins) myGirls and myBoys` The `concat()` method does not change the existing arrays. It always returns a new array. `concat()` арга нь одоо байгаа багцуудыг өөрчлөхгүй. Энэ нь үргэлж шинэ массивыг буцааж өгдөг. The `concat()` method can take any number of array arguments: `concat()` арга нь хэдэн ч багцын аргумент авч болно: ### Example (Merging Three Arrays) ### Жишээ (Merging Three Arrays) `var arr1 = ["Cecilie", "Lone"]; var arr2 = ["Emil", "Tobias", "Linus"]; var arr3 = ["Robin", "Morgan"]; var myChildren = arr1.concat(arr2, arr3); // Concatenates arr1 with arr2 and arr3` The `concat()` method can also take strings as arguments: `concat()` арга нь үгүүдийг аргумент болгон авч болно: ### Example (Merging an Array with Values) ### Жишээ (Merging an Array with Values) `var arr1 = ["Emil", "Tobias", "Linus"]; var myChildren = arr1.concat("Peter");` ## Slicing an Array ## Багцыг зүсэх The `slice()` method slices out a piece of an array into a new array. `slice()` арга нь багцын хэсгийг шинэ багц болгон зүснэ. This example slices out a part of an array starting from array element 1 (“Orange”): Энэ жишээ нь багцын 1-р элементээс (“Улбар шар”) багцын хэсгийг зүсэж харуулсан болно. ### Example Жишээ `var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1);` The `slice()` method creates a new array. It does not remove any elements from the source array. `slice()` арга нь шинэ багц үүсгэдэг. Энэ нь эх багцаас ямар ч элемент хасахгүй. This example slices out a part of an array starting from array element 3 (“Apple”): Энэ жишээ нь багцын 3-р элементээс (“Apple”) эхлэн багцын хэсгийг зүсэж харуулсан болно. ### Example Жишээ `var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(3);` The `slice()` method can take two arguments like `slice(1, 3)`. `slice()` арга нь `slice(1, 3)` гэх мэт хоёр аргумент авч болно. The method then selects elements from the start argument, and up to (but not including) the end argument. Дараа нь арга нь эхлэх аргументээс элементүүдийг сонгож, төгсгөлийн аргумент хүртэл (гэхдээ оруулахгүй). ### Example Жишээ `var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1, 3);` If the end argument is omitted, like in the first examples, the `slice()` method slices out the rest of the array. Хэрэв эхний аргументын адил төгсгөлийн аргументийг орхисон бол `slice()` арга нь багцын үлдсэн хэсгийг зүснэ. ### Example Жишээ `var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(2);` ## Automatic toString() JavaScript automatically converts an array to a comma separated string when a primitive value is expected. JavaScript нь командын утга хүлээгдэж байх үед Багцыг таслалаар тусгаарлагдсан мөр болгон автоматаар хөрвүүлдэг. This is always the case when you try to output an array. Багцыг гаргах гэж оролдох үед энэ нь үргэлж тохиолддог. These two examples will produce the same result: Эдгээр хоёр жишээнээс ижил үр дүн гарах болно. ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.toString();` ### Example Жишээ `var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits;` All JavaScript objects have a toString() method. Бүх JavaScript объектууд toString () аргатай байдаг. --- ## Finding Max and Min Values in an Array ## Багцаас хамгийн их ба бага утгыг олох There are no built-in functions for finding the highest or lowest value in a JavaScript array. JavaScript багцаас хамгийн өндөр эсвэл хамгийн бага утгыг олох зориулалттай функц байхгүй байна. You will learn how you solve this problem in the next chapter of this tutorial. Энэ асуудлыг хэрхэн шийдвэрлэхээ энэ гарын авлагын дараагийн бүлгээс үзэх болно. --- ## Sorting Arrays ## Багцыг ангилах Sorting arrays are covered in the next chapter of this tutorial. Багцыг ангилах нь энэхүү сургалтын дараагийн бүлэгт багтана. --- ## Complete Array Reference ## Бүрэн багцын лавлагаа For a complete reference, go to our Complete JavaScript Array Reference. Бүрэн лавлагаа авах бол манай Бүрэн Javascript Array лавлагаа руу орно уу. The reference contains descriptions and examples of all Array properties and methods. Лавлагаа нь багцын бүх шинж чанар, аргуудын тодорхойлолт, жишээг агуулдаг. [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-array-methods%2F&linkname=Javascript%20Array%20Methods)[https://www.addtoany.com/share](https://www.addtoany.com/share)