欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

数组中所有方法(超详细)

程序员文章站 2022-04-21 18:21:34
数组的所有方法 1、concat()把元素衔接到数组中。 例子: var str1 = "Hello "; var str2 = "world!"; var n = str1.concat(str2); Hello world! 输出结果 2 every() 方法使用指定函数检测数组中的所有元素: ......
数组的所有方法
1、concat()把元素衔接到数组中。
例子:
var str1 = "hello ";
var str2 = "world!";
var n = str1.concat(str2);
hello world!  输出结果

  

 

2    every() 方法使用指定函数检测数组中的所有元素:
  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。

例子:

var ages = [32, 33, 16, 40];

function checkadult(age) {
    return age >= 18;
}

function myfunction() {
    document.getelementbyid("demo").innerhtml = ages.every(checkadult);
}


false  输出结果

  

 

3、filter()返回满足断言函数的数组元素。
 
var ages = [32, 33, 16, 40];

function checkadult(age) {
    return age >= 18;
}

function myfunction() {
    document.getelementbyid("demo").innerhtml = ages.filter(checkadult);
}
32,33,40 输出结果

  

 

4、foreach()为数组的每一个元素调用指定函数。

 

<button onclick="numbers.foreach(myfunction)">点我</button>
<p id="demo"></p>
 
<script>
demop = document.getelementbyid("demo");
var numbers = [4, 9, 16, 25];
 
function myfunction(item, index) {
    demop.innerhtml = demop.innerhtml + "index[" + index + "]: " + item + "<br>"; 
}
</script>

输出结果
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25

 

5、indexof()在数组中查找指定元素。

 

var fruits = ["banana", "orange", "apple", "mango"];
var a = fruits.indexof("apple");

结果 2

 

6、join()将数组的所有元素转化为字符串。

 

var fruits = ["banana", "orange", "apple", "mango"];
var energy = fruits.join();
结果
banana,orange,apple,mango

 

7、lastindexof()在数组中反向查找。

 

var fruits = ["banana", "orange", "apple", "mango"];
var a = fruits.lastindexof("apple");
结果 2

 

8、map()从数组的元素中,计算出新的数组。

 

var numbers = [4, 9, 16, 25];

function myfunction() {
    x = document.getelementbyid("demo")
    x.innerhtml = numbers.map(math.sqrt);
}
结果  2,3,4,5

 

9、pop()移除数组最后一个元素。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.pop();
返回  banana,orange,apple

 

10、push()把元素添加到数组尾部。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.push("kiwi")
结果输出
banana,orange,apple,mango,kiwi

  

11、reduce()从数组的元素中,计算出一个值。

 

var numbers = [65, 44, 12, 4];
 
function getsum(total, num) {
    return total + num;
}
function myfunction(item) {
    document.getelementbyid("demo").innerhtml = numbers.reduce(getsum);
}
输出结果  125

  

12、reduceright()从右往左缩减数组。

 

var numbers = [65, 44, 12, 4];
 
function getsum(total, num) {
    return total + num;
}
function myfunction(item) {
    document.getelementbyid("demo").innerhtml = numbers.reduceright(getsum);
}
输出结果 125

 

13、reverse()在原数组中颠倒元素的顺序。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.reverse();
输出结果
mango,apple,orange,banana

 

14、shift ()移除数组的第一个元素。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.shift()
结果
orange,apple,mango

 

15、slice()返回数组的一部分。

 

var fruits = ["banana", "orange", "lemon", "apple", "mango"];
var citrus = fruits.slice(1,3);
结果输出  orange,lemon

 

16、some()测试是否至少有一个数组元素能让断言函数为真。

 

var ages = [3, 10, 18, 20];

function checkadult(age) {
    return age >= 18;
}

function myfunction() {
    document.getelementbyid("demo").innerhtml = ages.some(checkadult);
}
输出结果 true

 

17、sort ()在原数组中对数组元素进行排序。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.sort();
输出结果 apple,banana,mango,orange

 

18、splice()插入、删除或替换数组元素。

 

var fruits = ["banana", "orange", "apple", "mango"];
fruits.splice(2,0,"lemon","kiwi");
输出结果  banana,orange,lemon,kiwi,apple,mango

 

19、tolocalestring()将数组转化为本地化字符串。

 

var d=new date();
var n=d.tolocalestring();
输出结果 2019/11/7 下午4:59:41

 

20、tostring ()将数组转化为字符串。

   

var d=new date();
var n=d.tostring();
thu nov 07 2019 17:00:09 gmt+0800 (中国标准时间)

 

21、unshift()在数组头部插入元素。
var fruits = ["banana", "orange", "apple", "mango"];
fruits.unshift("lemon","pineapple");
fruits 将输出:

lemon,pineapple,banana,orange,apple,mango

 

作者:高瑞廷

qq:2419056691