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

时间: 2019-10-07阅读: 26标签: 数组
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

 

吐血推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入...

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入...

3.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

链接: http://www.fly63.com/article/detial/6306

Js Array.from() 将类似数组对象转换成数组

Array.from()会把类似数组的对象转换成真实数组,对象需满足两个条件:具有length属性,length的值即为数组的长度,对象key要是数字,并会作为数组的下标,Array.from()同样会对可遍历的数据结构(如Set)和字符串进行转换

JS删除数组元素

删除数组中连续的元素时,可以使用slice或者splice方法,splice时需要注意会修改原数组。slice(start,end):方法可从已有数组中返回选定的元素,返回一个新数组,包含从start到end(不包含该元素)的数组元素。(不改变原数组)

js数组

数组:数组是由多个元素组成的集合,是数据集合。每个元素就是一个数据;1、创建数组;2、数组内置属性及方法;3、数组分类;4、数组的遍历

JS合并两个有序数组

获取数组1,数组2以及合并之后的数组的长度,从后遍历比较,当len1或len2为0的时候退出。输入[1, 2, 3] [2, 4, 5, 6, 7, 8, 9]输出[1, 2, 2, 3, 4, 5, 6, 7, 8, 9]

Js:高效使用数组的方法

要在给定数组上使用方法,只需要通过[].方法名即可,这些方法都定义在 Array.prototype 对象上。在这里,咱们先不使用这些相,反,咱们将从简单的方法开始定义自己的版本,并在这些版本的基础上进行构建。

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

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

正确使用 sort() 方法

在过去的几个星期里,我们在不同的团队中看到,一般来说都没有使用 Array.prototype.sort() 的习惯,并且不知道这种方法是如何工作的。今天我们将尝试简要描述它是如何工作的 .sort(),揭示它的一些秘密。

Js数组的并集,交集,差集的实现

并集:以属于A或属于B的元素为元素的集合成为A与B的并(集);交集:以属于A且属于B的元素为元素的集合成为A与B的交(集)差集:以属于A而不属于B的元素为元素的集合成为A与B的差(集)

JavaScrip数组去重操作实例

这篇文章主要介绍了JavaScrip数组去重操作,结合实例形式总结分析了javascript针对数组的遍历、判断、去重等相关操作技巧,需要的朋友可以参考下。本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下:

js中,数组如何去重?

关于如何去除一个给定数组中的重复项,应该是 Javascript 面试中最常见的一个问题了,最常见的方式有三种:Set 、Array.filter 以及Array.reduce ,对于只有简单数据的数组来讲,我最喜欢Set ,没别的,就是写起来简单。

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

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全