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

更新日期: 2019-10-07 阅读: 3.6k 标签: 数组
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

 

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/6306

相关推荐

indexOf的三种使用方法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。这里基本用法大家一般都清楚,一般在实际工作中常与数组的方法合用来对数组进行一些操作

关于Vue不能监听(watch)数组变化

vue无法监听数组变化的情况,但是数组在下面两种情况下无法监听:利用索引直接设置数组项时,例如arr[indexofitem]=newValue;修改数组的长度时,例如arr.length=newLength

JS计算两个数组的交集、差集、并集、补集(多种实现方式)

使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本,使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。

js数组中改变元素的位置:互换,置顶,上移,下移

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。splice() 方法可删除从 index 处开始的零个或多个元素

js使用数组+循环+条件实现数字转换为汉字的简单方法。

单个数字转汉字的解决方法:利用数组存储0-9的汉字、 ary.length和str.length不用多说,这是指ary数组和str字符串的长度。这里我们需要注意的是str.charAt(j)和ary[i],分别指在str这个字符串中索引为j的元素,在ary中索引为i的元素。

Js遍历数组时注意 Empty Item 的影响

这两天碰到个问题:从日志中发现一些来自 iOS 10.3 的报错「Cannot read property \\\'xxx\\\' of undefined」,定位到代码的报错位置,发现是遍历某数组时产生的报错,该数组的元素应该全都是 Object,但实际上出现了异常的元素

JS数组扁平化(flat)方法总结

需求:多维数组=>一维数组 ;flat和flatMap方法为ES2019(ES10)方法,目前还未在所有浏览器完全兼容。第四种处理:用 reduce 实现数组的 flat 方法

数组、字符串去重

今天说的数组和字符串去重呢,主要用到es6新的数据结构 Set,它类似于数组,但是成员的值都是唯一的,没有重复的值,所以活用Set来进行数组和字符串的去重。

[译]async-await 数组循环的几个坑

在 Javascript 循环中使用 async/ await 循环遍历数组似乎很简单,但是在将两者结合使用时需要注意一些非直观的行为。让我们看看三个不同的例子,看看你应该注意什么,以及哪个循环最适合特定用例。

数组的push、unshift、pop、shift方法实现

push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。从解释中可以看出,push方法只要将要添加的元素依次放到数组的最后即可

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!