當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）
生活随笔
收集整理的這篇文章主要介紹了
JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
創(chuàng)建數(shù)組
var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW";數(shù)組屬性
| constructor | 返回創(chuàng)建數(shù)組對象的原型函數(shù)。 |
| length | 設(shè)置或返回數(shù)組元素的個數(shù)。 |
| prototype | 允許你向數(shù)組對象添加屬性或方法。 |
Array 對象方法
| concat() | 連接兩個或更多的數(shù)組，并返回結(jié)果。 |
| copyWithin() | 從數(shù)組的指定位置拷貝元素到數(shù)組的另一個指定位置中。 |
| entries() | 返回數(shù)組的可迭代對象。 |
| every() | 檢測數(shù)值元素的每個元素是否都符合條件。 |
| fill() | 使用一個固定值來填充數(shù)組。 |
| filter() | 檢測數(shù)值元素，并返回符合條件所有元素的數(shù)組。 |
| find() | 返回符合傳入測試（函數(shù)）條件的數(shù)組元素。 |
| findIndex() | 返回符合傳入測試（函數(shù)）條件的數(shù)組元素索引。 |
| forEach() | 數(shù)組每個元素都執(zhí)行一次回調(diào)函數(shù)。 |
| from() | 通過給定的對象中創(chuàng)建一個數(shù)組。 |
| includes() | 判斷一個數(shù)組是否包含一個指定的值。 |
| indexOf() | 搜索數(shù)組中的元素，并返回它所在的位置。 |
| isArray() | 判斷對象是否為數(shù)組。 |
| join() | 把數(shù)組的所有元素放入一個字符串。 |
| keys() | 返回數(shù)組的可迭代對象，包含原始數(shù)組的鍵(key)。 |
| lastIndexOf() | 搜索數(shù)組中的元素，并返回它最后出現(xiàn)的位置。 |
| map() | 通過指定函數(shù)處理數(shù)組的每個元素，并返回處理后的數(shù)組。 |
| pop() | 刪除數(shù)組的最后一個元素并返回刪除的元素。 |
| push() | 向數(shù)組的末尾添加一個或更多元素，并返回新的長度。 |
| reduce() | 將數(shù)組元素計算為一個值（從左到右）。 |
| reduceRight() | 將數(shù)組元素計算為一個值（從右到左）。 |
| reverse() | 反轉(zhuǎn)數(shù)組的元素順序。 |
| shift() | 刪除并返回數(shù)組的第一個元素。 |
| slice() | 選取數(shù)組的一部分，并返回一個新數(shù)組。 |
| some() | 檢測數(shù)組元素中是否有元素符合指定條件。 |
| sort() | 對數(shù)組的元素進行排序。 |
| splice() | 從數(shù)組中添加或刪除元素。 |
| toString() | 把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。 |
| unshift() | 向數(shù)組的開頭添加一個或更多元素，并返回新的長度。 |
| valueOf() | 返回數(shù)組對象的原始值。 |
數(shù)組prototype的利用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕創(chuàng)建一個數(shù)組,調(diào)用 ucase（）方法, 并顯示結(jié)果。</p> <button onclick="myFunction()">點我</button> <script> Array.prototype.myUcase=function(){for (i=0;i<this.length;i++){this[i]=this[i].toUpperCase();} } function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.myUcase();var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>合并兩個數(shù)組 - concat()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><script> var hege = ["Cecilie", "Lone"]; var stale = ["Emil", "Tobias", "Linus"]; var children = hege.concat(stale); document.write(children); </script></body> </html>合并三個數(shù)組 - concat()?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><script> var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family); </script></body> </html>用數(shù)組的元素組成字符串 - join()（數(shù)組轉(zhuǎn)字符串）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">點擊按鈕將數(shù)組作為字符串輸出。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];var x=document.getElementById("demo");x.innerHTML=fruits.join(); } </script></body> </html>刪除數(shù)組的最后一個元素 - pop()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕刪除數(shù)組的最后一個元素。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.pop();var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>?數(shù)組的末尾添加新的元素 - push()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕給數(shù)組添加新的元素。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.push("Kiwi")var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>將一個數(shù)組中的元素的順序反轉(zhuǎn)排序 - reverse()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕將數(shù)組反轉(zhuǎn)排序。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.reverse();var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>刪除數(shù)組的第一個元素 - shift()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕刪除數(shù)組的第一個元素。</p> <p id="demo2"></p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){var delell = fruits.shift();var x=document.getElementById("demo");x.innerHTML= '刪除后數(shù)組為：' + fruits;document.getElementById("demo2").innerHTML= '刪除的元素是：' + delell; } </script></body> </html>從一個數(shù)組中選擇元素 - slice()（范圍選擇）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">點擊按鈕截取數(shù)組下標(biāo) 1 到 2 的元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];var citrus = fruits.slice(1,3);var x=document.getElementById("demo");x.innerHTML=citrus; } </script></body> </html>數(shù)組排序（按字母順序升序）- sort()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕升序排列數(shù)組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.sort();var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>數(shù)字排序（按數(shù)字順序升序）- sort()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕升序排列數(shù)組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var points = [40,100,1,5,25,10];points.sort(function(a,b){return a-b});var x=document.getElementById("demo");x.innerHTML=points; } </script></body> </html>數(shù)字排序（按數(shù)字順序降序）- sort()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕降序排列數(shù)組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var points = [40,100,1,5,25,10];points.sort(function(a,b){return b-a});var x=document.getElementById("demo");x.innerHTML=points; } </script></body> </html>在數(shù)組的第2位置添加一個元素 - splice()（插入數(shù)據(jù)）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">點擊按鈕向數(shù)組添加元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2,0,"Lemon","Kiwi");var x=document.getElementById("demo");x.innerHTML=fruits; } </script></body> </html>轉(zhuǎn)換數(shù)組到字符串 -toString()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">點擊按鈕將數(shù)組轉(zhuǎn)為字符串并返回。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];var str = fruits.toString();var x=document.getElementById("demo");x.innerHTML= str; } </script></body> </html>在數(shù)組的開頭添加新元素 - unshift()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p id="demo">單擊按鈕在數(shù)組中插入元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.unshift("Lemon","Pineapple");var x=document.getElementById("demo");x.innerHTML=fruits; } </script> <p><b>注意:</b> unshift()方法不能用于 Internet Explorer 8 之前的版本，插入的值將被返回成<em> undefined </em>。</p></body> </html>?
總結(jié)
以上是生活随笔為你收集整理的JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 浮点数在内存中的存储方式
- 下一篇： linux操作系统中的shell编程--