javascript数组常用方法

concat()

方法用于连接两个或多个数组
方法不会更改现有数组,而是返回一个新数组

var arr1 = [1, 2]
var arr2 = [3, 4]
var arr3 = [5]
var arr4 = arr1.concat(arr2, arr3)
console.log('concat', arr4)// [1, 2, 3, 4, 5]

toString()

方法返回包含所有数组值的字符串,以逗号分隔
方法不会改变原始数组

var fruits = ["Str1", "Str2", "Str3", "Str4"];
var x = fruits.toString();
console.log(x)// Str1,Str2,Str3,Str4

reverse()

方法反转数组中元素的顺序
方法将改变原始数组

var fruits = ["A", "B", "C", "D"];
fruits.reverse();
console.log(fruits)// ['D', 'C', 'B', 'A']

includes()

方法确定数组是否包含指定的元素
如果数组包含元素,则此方法返回 true,否则返回 false

var fruits = ["A", "B", "C"];
console.log(fruits.includes("B"))// true
console.log(fruits.includes("E"))// false

shift()

方法移除数组的第一项
方法的返回值是被移除的项
方法会改变原始数组

var fruits = ["a", "b", "c", "d"];
console.log(fruits.shift())// a
console.log(fruits)// ['b', 'c', 'd']

fill()

方法用静态值填充数组中的指定元素
覆盖原始数组

var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.fill("Kiwi")
console.log(fruits)// ['Kiwi', 'Kiwi', 'Kiwi', 'Kiwi']

unshift()

方法将新项添加到数组的开头,并返回新的长度
方法会改变数组的长度

var fruits = ["a", "b", "c"];
fruits.unshift("韭菜包","鸡肉包");
console.log(fruits)// ['韭菜包', '鸡肉包', 'a', 'b', 'c']

pop()

方法移除数组的最后一个元素,并返回该元素。
方法会改变数组的长度

var fruits = ["a", "b", "c", "d"];
console.log(fruits.pop())// d

findIndex()

方法对数组中存在的每个元素执行一次函数
如果找到函数return结果为true的数组元素,则 findIndex() 返回该数组元素的下标(并且不检查剩余值),否则返回 -1
不会为没有值的数组元素执行函数
不改变原数组

var arr = ['a', 'b', 'c', 'd']
var block = arr.findIndex((item, index)=>{
    return item=='c'
})
console.log(block)// 2

every()

检查数组中每一项是否都通过了测试
对数组中存在的每个元素执行一次函数
如果找到函数返回 false 值的数组元素,every() 返回 false(并且不检查剩余值)
如果没有出现 false,every() 返回 true
不对没有值的数组元素执行函数
不改变原始数组

var ages1 = [32, 33, 16, 40];
const flag1 = ages1.every((item)=>{
  return item > 1;
})
console.log(flag1)// true

var ages2 = [32, 33, 16, 40];
const flag2 = ages2.every((item)=>{
  return item > 18;
})
console.log(flag2)// false
  • 31
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
当使用JavaScript编写程序时,数组是一种常见的数据结构,JavaScript 数组具有许多有用的方法,以下是其中一些常用方法及其示例: 1. push() 方法:向数组末尾添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4] ``` 2. pop() 方法:删除数组的最后一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let lastElement = arr.pop(); console.log(lastElement); // 3 console.log(arr); // [1, 2] ``` 3. shift() 方法:删除数组的第一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let firstElement = arr.shift(); console.log(firstElement); // 1 console.log(arr); // [2, 3] ``` 4. unshift() 方法:向数组的开头添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.unshift(0, -1); console.log(arr); // [-1, 0, 1, 2, 3] ``` 5. slice() 方法:返回一个新的数组,包含从起始位置到结束位置(不包括结束位置)之间的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.slice(1, 4); console.log(newArr); // [2, 3, 4] ``` 6. splice() 方法:向数组中插入或删除元素。可以指定要删除的元素的位置和数量,并且可以指定要添加的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 从位置2开始删除1个元素 console.log(arr); // [1, 2, 4, 5] arr.splice(2, 0, 3); // 在位置2插入元素3 console.log(arr); // [1, 2, 3, 4, 5] arr.splice(2, 1, 'three'); // 用 'three' 替换位置2的元素 console.log(arr); // [1, 2, 'three', 4, 5] ``` 7. indexOf() 方法:返回数组中第一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 5]; let index = arr.indexOf(3); console.log(index); // 2 ``` 8. lastIndexOf() 方法:返回数组中最后一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 3, 5]; let lastIndex = arr.lastIndexOf(3); console.log(lastIndex); // 4 ``` 9. forEach() 方法:对数组中的每个元素执行指定的操作。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }) // 输出:1 2 3 ``` 10. map() 方法:返回一个新的数组,其中包含对原始数组中的每个元素应用指定函数后的结果。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(item) { return item * 2; }) console.log(newArr); // [2, 4, 6] ``` 11. filter() 方法:返回一个新的数组,其中包含满足指定条件的原始数组元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.filter(function(item) { return item % 2 === 0; }) console.log(newArr); // [2, 4] ``` 12. reduce() 方法:返回一个值,该值是通过对数组中的每个元素应用指定的函数来计算的。 ```javascript let arr = [1, 2, 3]; let sum = arr.reduce(function(total, item) { return total + item; }, 0) console.log(sum); // 6 ``` 以上是一些常用JavaScript 数组方法及其示例,它们可以帮助你轻松地对数组进行操作,实现各种有用的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

来一颗砂糖橘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值