JS数组的全部方法和示例,建议收藏

JS数组的全部方法和示例,建议收藏JavaScript 数组是一种非常强大的数据结构 它提供了许多有用的方法去操作和处理数组 这里我为你介绍一些常用的数组方法 以及它们的作用和用法 join separator 用指定的分隔符将数组每一项拼接为字符串 如果不指定分隔符 默认

大家好,欢迎来到IT知识分享网。

JavaScript数组是一种非常强大的数据结构,它提供了许多有用的方法去操作和处理数组。这里我为你介绍一些常用的数组方法,以及它们的作用和用法。

  • join(separator):用指定的分隔符将数组每一项拼接为字符串。如果不指定分隔符,默认使用逗号。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var str = fruits.join(); // str 的值是 "Banana,Orange,Apple,Mango" var str2 = fruits.join(" * "); // str2 的值是 "Banana * Orange * Apple * Mango" 
  • push(element):向数组的末尾添加新元素,并返回新数组的长度。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var len = fruits.push("Kiwi"); // len 的值是 5,fruits 的值是 ["Banana", "Orange", "Apple", "Mango", "Kiwi"] 
  • pop():删除数组的最后一项,并返回被删除的元素。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var last = fruits.pop(); // last 的值是 "Mango",fruits 的值是 ["Banana", "Orange", "Apple"] 
  • shift():删除数组的第一项,并返回被删除的元素。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var first = fruits.shift(); // first 的值是 "Banana",fruits 的值是 ["Orange", "Apple", "Mango"] 
  • unshift(element):向数组首位添加新元素,并返回新数组的长度。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var len = fruits.unshift("Lemon"); // len 的值是 5,fruits 的值是 ["Lemon", "Banana", "Orange", "Apple", "Mango"] 
  • slice(start, end):按照条件查找出其中的部分元素,并返回一个新数组。start 参数指定开始位置的索引,end 参数指定结束位置的索引(不包含)。如果省略 end 参数,则默认到数组末尾。例如:
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1, 3); // citrus 的值是 ["Orange","Lemon"] var rest = fruits.slice(3); // rest 的值是 ["Apple","Mango"] 
  • splice(index, count, element1, element2, …):对数组进行增删改,返回一个包含被修改的元素的新数组。index 参数指定开始修改的位置,count 参数指定要删除的元素个数,element1, element2, … 参数指定要添加的新元素。如果 count 为 0,则不删除任何元素。如果不指定要添加的元素,则只删除元素。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var removed = fruits.splice(2, 2, "Lemon", "Kiwi"); // removed 的值是 ["Apple","Mango"],fruits 的值是 ["Banana","Orange","Lemon","Kiwi"] 
  • fill(value, start, end):方法能使用特定值填充数组中的一个或多个元素。value 参数指定要填充的值,start 参数指定开始填充的位置(包含),end 参数指定结束填充的位置(不包含)。如果省略 start 和 end 参数,则默认填充整个数组。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.fill("Kiwi"); // fruits 的值是 ["Kiwi","Kiwi","Kiwi","Kiwi"] fruits.fill("Lemon", 2); // fruits 的值是 ["Kiwi","Kiwi","Lemon","Lemon"] fruits.fill("Orange", 1, 3); // fruits 的值是 ["Kiwi","Orange","Orange","Lemon"] 
  • reverse():反转数组中元素的顺序,并返回反转后的数组。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.reverse(); // fruits 的值是 ["Mango","Apple","Orange","Banana"] 
  • sort():对数组中的元素进行排序,并返回排序后的数组。默认按照字母顺序排序,如果需要按照其他方式排序,可以提供一个比较函数作为参数。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // fruits 的值是 ["Apple","Banana","Mango","Orange"] var numbers = [4, 2, 5, 1, 3]; numbers.sort(function(a, b){return a - b}); // numbers 的值是 [1, 2, 3, 4, 5] 
  • concat(array1, array2, …):通过合并(连接)现有数组来创建一个新数组。可以接受任意数量的数组参数。不会修改原数组,而是返回一个新数组。例如:
var arr1 = ["Cecilie", "Lone"]; var arr2 = ["Emil", "Tobias", "Linus"]; var arr3 = ["Robin", "Morgan"]; var myChildren = arr1.concat(arr2, arr3); // myChildren 的值是 ["Cecilie","Lone","Emil","Tobias","Linus","Robin","Morgan"] 
  • indexOf(element, start):返回数组中指定元素的第一个匹配索引,如果没有找到则返回 -1。element 参数指定要查找的元素,start 参数指定开始查找的位置。如果省略 start 参数,则默认从数组开头查找。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); // a 的值是 2 var b = fruits.indexOf("Kiwi"); // b 的值是 -1 var c = fruits.indexOf("Apple", 3); // c 的值是 -1 
  • lastIndexOf(element, start):返回数组中指定元素的最后一个匹配索引,如果没有找到则返回 -1。element 参数指定要查找的元素,start 参数指定开始查找的位置。如果省略 start 参数,则默认从数组末尾查找。例如:
var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.lastIndexOf("Apple"); // a 的值是 2 var b = fruits.lastIndexOf("Kiwi"); // b 的值是 -1 var c = fruits.lastIndexOf("Apple", 1); // c 的值是 0 
  • forEach(function):对数组中的每个元素执行指定的函数,没有返回值。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组。例如:
var fruits = ["apple", "orange", "cherry"]; fruits.forEach(myFunction); function myFunction(item, index, arr) { arr[index] = item.toUpperCase(); } // fruits 的值是 ["APPLE", "ORANGE", "CHERRY"] 
  • map(function):对数组中的每个元素执行指定的函数,并返回一个新数组,包含执行结果。不会修改原数组。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组。例如:
var numbers = [4, 9, 16, 25]; var x = numbers.map(Math.sqrt); // x 的值是 [2, 3, 4, 5] 
  • filter(function):对数组中的每个元素执行指定的函数,并返回一个新数组,包含满足条件的元素。不会修改原数组。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组,并返回一个布尔值表示是否保留该元素。例如:
var ages = [32, 33, 16, 40]; var adult = ages.filter(checkAdult); function checkAdult(age) { return age >= 18; } // adult 的值是 [32,
  • reduce(function, initial):对数组中的每个元素执行指定的函数,并返回一个累积的结果。function 参数是一个回调函数,它接受四个参数:累积值、当前元素、当前索引和当前数组。initial 参数指定累积值的初始值。如果省略 initial 参数,则默认使用数组的第一个元素作为初始值。例如:
var numbers = [1, 2, 3, 4]; var sum = numbers.reduce(function(accumulator, current) { return accumulator + current; }, 0); // sum 的值是 10 
  • reduceRight(function, initial):与 reduce() 方法类似,但是从数组的末尾开始遍历元素。例如:
var numbers = [1, 2, 3, 4]; var product = numbers.reduceRight(function(accumulator, current) { return accumulator * current; }, 1); // product 的值是 24 
  • every(function):对数组中的每个元素执行指定的函数,并返回一个布尔值,表示是否所有元素都满足条件。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组,并返回一个布尔值表示是否保留该元素。如果有一个元素不满足条件,就会立即停止遍历并返回 false。例如:
var ages = [32, 33, 16, 40]; var allAdult = ages.every(function(age) { return age >= 18; }); // allAdult 的值是 false 
  • some(function):对数组中的每个元素执行指定的函数,并返回一个布尔值,表示是否有至少一个元素满足条件。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组,并返回一个布尔值表示是否保留该元素。如果有一个元素满足条件,就会立即停止遍历并返回 true。例如:
var ages = [32, 33, 16, 40]; var anyAdult = ages.some(function(age) { return age >= 18; }); // anyAdult 的值是 true 
  • find(function):对数组中的每个元素执行指定的函数,并返回第一个满足条件的元素。如果没有找到,则返回 undefined。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组,并返回一个布尔值表示是否保留该元素。例如:
var ages = [32, 33, 16, 40]; var firstAdult = ages.find(function(age) { return age >= 18; }); // firstAdult 的值是 32 
  • findIndex(function):对数组中的每个元素执行指定的函数,并返回第一个满足条件的元素的索引。如果没有找到,则返回 -1。function 参数是一个回调函数,它接受三个参数:当前元素、当前索引和当前数组,并返回一个布尔值表示是否保留该元素。例如:
var ages = [32, 33, 16, 40]; var firstAdultIndex = ages.findIndex(function(age) { return age >= 18; }); // firstAdultIndex 的值是 0 
  • includes(element, start):判断数组中是否包含指定的元素,并返回一个布尔值。element 参数指定要查找的元素,start 参数指定开始查找的位置。如果省略 start 参数,则默认从数组开头查找。例如:
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var hasApple = fruits.includes("Apple"); // hasApple 的值是 true var hasKiwi = fruits.includes("Kiwi"); // hasKiwi 的值是 false var hasOrangeFrom2 = fruits.includes("Orange", 2); // hasOrangeFrom2 的值是 false 

以上就是我能为你介绍的一些常用的数组方法,希望对你有帮助。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/94785.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信