JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）

创建数组

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

数组属性

属性	描述
constructor	返回创建数组对象的原型函数。
length	设置或返回数组元素的个数。
prototype	允许你向数组对象添加属性或方法。

Array 对象方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。

数组prototype的利用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮创建一个数组,调用 ucase（）方法, 并显示结果。</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>

合并两个数组 - 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>

合并三个数组 - 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>

用数组的元素组成字符串 - join()（数组转字符串）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">点击按钮将数组作为字符串输出。</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>

删除数组的最后一个元素 - pop()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮删除数组的最后一个元素。</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>

数组的末尾添加新的元素 - push()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮给数组添加新的元素。</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>

将一个数组中的元素的顺序反转排序 - reverse()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮将数组反转排序。</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>

删除数组的第一个元素 - shift()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮删除数组的第一个元素。</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= '删除后数组为：' +  fruits;document.getElementById("demo2").innerHTML= '删除的元素是：' +  delell;
}
</script></body>
</html>

从一个数组中选择元素 - slice()（范围选择）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">点击按钮截取数组下标 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>

数组排序（按字母顺序升序）- sort()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮升序排列数组。</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>

数字排序（按数字顺序升序）- sort()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮升序排列数组。</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>

数字排序（按数字顺序降序）- sort()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮降序排列数组。</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>

在数组的第2位置添加一个元素 - splice()（插入数据）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">点击按钮向数组添加元素。</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>

转换数组到字符串 -toString()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">点击按钮将数组转为字符串并返回。</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>

在数组的开头添加新元素 - unshift()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿西吧</title>
</head>
<body><p id="demo">单击按钮在数组中插入元素。</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>

JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）相关推荐

php 数组合并_PHP数组常用函数分类整理
微信公众号:PHP在线 PHP数组常用函数分类整理一.数组操作的基本函数数组的键名和值array_values($arr); 获得数组的值array_keys($arr); 获得数组的键名arra ...
php学习笔记-php数组的创建和使用，数组常用函数-day03
php数组的创建和使用,数组常用函数数组的概念一维数组的创建和使用 1.直接将变量声明为数组元素 2.通过array()函数来创建一维数组 3.数组的元素值的访问 4.数组元素的赋值方式 5.数组 ...
php课程 4-16 数组自定义函数（php数组-桶）
php课程 4-16 数组自定义函数(php数组->桶) 一.总结一句话总结:php的数组储存机制,和桶排序完美的结合.所以php的操作中多想多桶的操作. 二.数组自定义函数 1.相关知识 ...
java删除数组的数据_java数组实现数据处理——显示数据追加插入修改数据删除数据...
java数组实现数据处理--显示数据追加插入修改数据删除数据 (2013-08-10 23:26:05) 标签: 手机博客杂谈数组处理2013年3月5日 20:03:14 import java. ...
R语言unlist函数将复杂数据（list列表、dataframe、字符串String）对象处理成简单向量vector形式：将包含dataframe和字符串的向量列表转换为单个向量（删除数据名称）
R语言unlist函数将复杂数据(list列表.dataframe.字符串String)对象处理成简单向量vector形式:将包含dataframe和字符串的向量列表转换为单个向量(删除数据名称) 目 ...
php数组常用函数汇总
数组内部制造控制函数 current():取得数组当前位置的值 key():取得数组当前位置的索引值 next():将数组指针向后移一位 prev():将数组指针向前移动一位 end():将数组指针移 ...
php对数组进行合成的函数,php合并数组函数array_merge()
array_merge()函数在php中是对数组进行合并的,可以把多个数组合成一个数组,并且不改变原数组的值了,但今天我在使用array_merge合并数组时碰到几个小细节上的问题,下面我举例子给各位 ...
PHP数组函数array_combine(合并数组)
在PHP中,数组函数 array_combine() 创建一个数组,用一个数组的值作为其键名,另一个数组的值作为其值. 函数语法: array_combine ( array $keys , ...
C语言字符数组常用函数实现
C语言中字符数组的常用函数有以下几个: strlen(str):返回字符串str的长度: strcpy(str1,str2):将字符串str2复制到字符串str1中,并返回字符串str1: strch ...

JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）

创建数组

数组属性

Array 对象方法

数组prototype的利用

合并两个数组 - concat()

合并三个数组 - concat()

用数组的元素组成字符串 - join()（数组转字符串）

删除数组的最后一个元素 - pop()

数组的末尾添加新的元素 - push()

将一个数组中的元素的顺序反转排序 - reverse()

删除数组的第一个元素 - shift()

从一个数组中选择元素 - slice()（范围选择）

数组排序（按字母顺序升序）- sort()

数字排序（按数字顺序升序）- sort()

数字排序（按数字顺序降序）- sort()

在数组的第2位置添加一个元素 - splice()（插入数据）

转换数组到字符串 -toString()

在数组的开头添加新元素 - unshift()

JS 数组常用函数（数组合并、数组转字符串、顺序反转、范围选择、排序、插入数据、删除数据）相关推荐

最新文章

热门文章