js数组数据处理方法

最新推荐文章于 2024-08-01 16:41:14 发布

糖糖糖小雅

最新推荐文章于 2024-08-01 16:41:14 发布

阅读量1.1k

点赞数

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/weixin_44435242/article/details/127904463

版权

1、给数组添加元素

2、删除数组元素

3、数组和数组【元素】合并concat()

1、给数组添加元素

arr.push()：在数组的末尾添加一个或多个元素，原数组改变

arr.unshift()：在数组的开头添加一个或多个原色，原来的数组发生改变

2、删除数组元素

arr.pop()：删除数组中的最后一个元素，并返回被删除的元素，原数组值改变

arr.shift():删除数组中的第一个元素，并返回删除元素，原数组值改变

上述两个方法使用时：若该数组为空，则返回undefined

3、数组和数组【元素】合并concat()

该方法将两个或多个数组组合在一起并返回一个新字符串。原数组值不改变

let arr1 = ['h','e','l','l','0']
let arr2 = ['g']
let arr3 = ['y','ya']
var result=arr1.concat(arr2,arr3); //["h","e","l","l","0","g","y","ya"]

4、数组拼接成字符串join()

将数组的所有元素组合成一个字符串，并返回一个新字符串。我们可以使用任何类型的分隔符来分隔给定的数组元素。

let arr1 =["h","e","l","l","0","g","y","ya"]
var result=arr1.join(''); //hell0gyya
var result2=arr1.join('_');//h_e_l_l_0_g_y_

5、数组翻转reverse()

反转给定数组的元素

let arr1 =["h","e","l","l","0","g","y"]
var result=arr1.reverse()  //['y', 'g', '0', 'l', 'l', 'e', 'h']

6、数组过滤 filter()

过滤满足条件的数组元素并返回一个新的数组。不会更改原始数组

let arr = [1, 2, 3, 4, 5]
let arr2 = arr.filter(function(item, index) {
    return item % 2 === 0 ;
})
console.log(arr2); //[2, 4]

7、数组的截取slice()

(起始下标，结束下标)返回数组中指定起始下标和结束下标之间的（不包含结束位置）元素组成的新数组，只有一个参数就返回从该参数下标到当前数组末尾的所有元素,当出现负数时，将负数加上数组长度的值来替换该位置的数

let arr = [1, 2, 3, 4, 5,6,7,8,9]
console.log(arr.slice(2)); //[3,4,5,6,7,8,9]
console.log(arr.slice(2,5)); //[3,4,5]
console.log(arr.slice(2,-3)); //[3,4,5,6]

8、删除或者添加数组原色splice()

array.splice(start,delete,element1,element2,?,elementn)

start-表示方法开始提取元素的索引。

delete-是可选的。它表示要删除的元素数量。

element1，element2，...，elementn -是可选的。它表示要插入的元素

let arr = [1, 2, 3, 4, 5,6,7,8,9]
let arr2 = arr.splice(2,1) // [1,2,4,5,6,7,8,9]
let arr3 = arr.splice(2,1,9) //[1,2,9,4,5,6,7,8,9]

9、every()

检查数组中所有给定的元素是否条件。当每个给定的数组元素满足条件时，它将返回true。否则为false

let arr = [1, 2, 3, 4, 5,6,7,8,9]
let result1 = arr.every(function(x,index) {
   return x < 10;
})
console.log(result1) //true
let result2 = arr.every(function(x,index) {
   return x < 6;
})
console.log(result2) // false

10、some()

判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回 true

let arr = [1, 2, 3, 4, 5,6,7,8,9]
let result1 = arr.some(function(x,index) {
    return x > 10;
})
console.log(result1) //false
   let result2 = arr.some(function(x,index) {
   return x >8;
})
console.log(result2) // true

11、find()、findIndex(）

返回满足所提供条件的第一个元素或者元素的索引

let arr = [1, 2, 3, 4, 5, 6, 7,8,9]
let a = arr.find((value, keys, arr) => {
    return value > 0;
})
console.log(a) // 1 返回匹配的值
let b = arr.findIndex((value, keys, arr) => {
    return value > 8;
})
console.log(b) // 8 返回匹配位置的索引

12、includes(element,start)

判断一个数组是否包含指定的值,如果有返回true,否则返回false

    let arr = [1, 2, 3, 4, 5, 6, 7,8,9]
    let arr1 = arr.includes(20);
    console.log(arr1); // false
    let arr2 = arr.includes(3,8)
    console.log(arr2); // false