js，javascript数组方法fill()，forEach()，from()，isArray()，join() （2024-04-30）

目录

 

1、fill()方法

2、forEach()方法

3、from() 方法

4、isArray() 方法

5、join() 方法

---

 

1、fill()方法

fill() 方法用静态值填充数组中的指定元素。

您可以指定开始和结束填充的位置。如果未指定，则将填充所有元素。

注释：fill() 会覆盖原始数组。

//array.fill(value, start, end)
//value	必需。用于填充数组的值。
//start	可选。开始填充数组的索引（默认为 0）。
//end	可选。停止填充数组的索引（默认为 array.length）。


//用静态值填充数组中的指定元素。
const fruits = ["11", "22", "33", "44"];
fruits.fill("55")  // ['55','55','55','55']

// 用 "55" 填充最后两个数组元素
var fruits = ["11", "22", "33", "44"];
fruits.fill("55", 2, 4); // ['11',''22','55','55']

2、forEach()方法

forEach() 方法按顺序为数组中的每个元素调用一次函数。

注释：对于没有值的数组元素，不执行forEach() 方法

// array.forEach(function(currentValue, index, arr), thisValue)
// function(currentValue, index, arr)	必需。为数组中的每个元素运行的函数。
// 函数参数：
//     参数	        描述
//     currentValue	必需。当前元素的值。
//     index	    可选。当前元素的数组索引。
//     arr	        可选。当前元素所属的数组对象
//     thisValue	可选。要传递给函数以用作其 "this" 值的值。

// 如果此参数为空，则值 "undefined" 将作为其 "this" 值传递。


const fruits = ["11", "22", "33"];
fruits.forEach((item) => {
    console.log(item) 
});


// 输出
// 11
// 22
// 33

3、from() 方法

from() 方法从具有 length 属性或可迭代对象的任何对象返回 Array 对象。

// Array.from(object, mapFunction, thisValue)
// object	    必需。需转换为数组的对象。
// mapFunction	可选。对数组的每个项目调用的 map 函数。
// thisValue	可选。执行 mapFunction 时用作 this 的值。

// 具有 length 属性或可迭代对象的任何对象返回 Array 对象
const myArr = Array.from("ABC");
console.log(myArr)
//["A","B","C"]

4、isArray() 方法

isArray() 方法确定对象是否为数组。

如果对象是数组，则此函数返回 true，否则返回 false。

// Array.isArray(obj)
// obj	必需。需测试的目标。

const fruits = ["Banana", "Orange", "Apple", "Mango"];
Array.isArray(fruits);
// true

5、join() 方法

join() 方法将数组作为字符串返回。

元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。

注释：join() 方法不会改变原始数组。

// array.join(separator) 
// separator	可选。要使用的分隔符。如果省略，元素用逗号分隔。

var fruits = ["11", "22", "33", "44"];
var energy = fruits.join();
// "11,22,33,44"

var fruits = ["1", "2", "3", "4"];
var energy = fruits.join(" 0 ");
// "1 0 2 0 3 0 4 0"