Js数组中所有方式（超详细）

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

发表于 2021-02-11 16:59
阅读 ( 244 )
分类：互联网

Js数组中所有方式（超详细）

0 条评论

你可能感兴趣的文章

相关问题