数组API总结

find()

举例:

const array = [5, 12, 8, 130, 44];

const newArray = array1.find(item=> item> 10);

console.log(newArray );     //满足条件的元素被遍历在新的数组newArray 中

concat() 

用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

举例:

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);          // ["a", "b", "c", "d", "e", "f"]
 

join()

将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。

举例:

const array= ['Fire', 'Air', 'Water'];

console.log(array.join());         //得到  'Fire', 'Air', 'Water'

console.log(elements.join(''));            //得到 "FireAirWater"

console.log(elements.join('-'));            //得到  "Fire-Air-Water"
 

keys() 

返回一个包含数组中每个索引键的Array Iterator对象。

举例:

const array = ['a', 'b', 'c'];
const order = array.keys();     //得到的是索引值,,,有点类似拿到对象属性

for (let key of order) {
  console.log(key);       //结果遍历出来是0,1,2
}

map() 

创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。

举例:

const array = [1, 4, 9, 16];


const map1 = array1.map(x => x * 2);

console.log(map1);
 

let arr = [1,2,3]
arr.forEach(item => {console.log(item)})
//1 2 3
find :在数组中找到满足条件的第一个元素

let arr = [1,2,3]
arr.find((item,index,arr) => {return item % 2==0})
//2 
reduce : 接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值
let arr = [1,2,3,4]                                                                                                                          let sum = arr.reduce((x,y)=>x+y))                                                                                                console.log(sum)                                                                                                                    //10

filter: 过滤数组单元值

let arr = [1,2,6,3,4,1,5,7,56,21,1]
let newArr.filter(1)
console.log(newArr)
join:将数组拼接成字符串

let arr = [1,2,6,3,4,1,5,7,56,21,1]
let newArr = arr.join()
console.log(newArr)
concat:将一个数组合并到另一个数组的后面

let arr1 = [1,2,3]
let arr2 = [4,5,6]
let newArr = arr1.concat(arr2)
sort :对数组进行排序

let arr = [1,2,6,3,4,1,5,7,56,21,1]
let newArr = arr.sort()
console.log(newArr)
splice: 1.删除数组中元素

两个参数:第一个参数表示要删除元素的起始位置,第二个元素表示删除元素的个数

let arr = ['a', 'b', 'c', 'd']
let newArr = arr.splice(1,2) //从b开始 删除 b c  返回值是删除的值
console.log(newArr) // b c
console.log(arr) // a d 
2.插入功能

三个参数: 第一个参数( 插入位置 ),第二个参数( 0 ),第三个参数( 插入的项 )

let arr = ['a', 'b', 'c', 'd']
let newArr = arr.splice(1, 0, '插入项')
console.log(arr)
3.替换功能

三个参数 第一个参数(起始位置),第二个参数( 要删除的项 ) ,第三个参数( 插入任意数目的项)

let arr = ['a','b', 'c','d']
let newArr =arr.splice(1,1,'qw','er')
console.log(arr)//['a','qw','er','c','d']
indexOf:获取首个值的索引值

let arr = [1, 2, 1, 3, 4, 5, 6]
let newArr = arr.indexOf(2)
let newArr2 = arr.lastIndexOf(1)
let newArr3 = arr.indexOf('a')
console.log(newArr)  // 1
console.log(newArr2) // 2
console.log(newArr3); //-1
reverse:翻转数组

let arr = [1,2,1,3,4,5,6]
let newArr = arr.reverse()
console.log(newArr) // [6,5,4,3,1,2,1]
from : 静态方法将伪数组转化为数组

function arr() {
console.log(arguments);
let newArr = Array.from(arguments)
console.log(newArr);
}
arr(1, 2, 3, 4, 6)
map: 按照原数组顺序一次处理元素,返回一个新数组

let arr = [1, 2, 1, 3, 4, 5, 6]
let newArr = arr.map(function (item) {
return item * 2
})
console.log(newArr);
string字符串 方法总结
length: 获取字符串长度

let str = '165461321'
console.log(str.length)
split: 将字符串转换为数组

let str  ='15649823'
let arr = str.split('')
console.log(arr)
toUpperCase: 将字符串转为大写

toLowerCase: 将字符串转为小写

let str = 'aSGFSsdaASffsaSF'
console.log(str.toUpperCase())
console.log(str.toLowerCase())
slice:截取字符串 两个参数都是索引值( 左闭右开 )

let str = '123456789'
console.log(str.slice(3,6)) //456
indexOf: 返回首个值的索引值,如果没有值则返回 -1

let str = '1234526789'
console.log(str.indexOf('2')) // 1
console.log(str.indexOf('a')) // -1
startsWith:检测字符串是否以某字符开始

endsWith: 检测字符串是否以某字符结尾

let str = '1234526789'
console.log(str.startsWith('1')) //true
replace/replaceAll: 替换字符串,支持正则匹配

let str = '00123045260789'
let newStr = str.replace('0', 'a')
let newStr2 = str.replaceAll('0', 'a')
console.log(newStr);//a0123045260789
console.log(newStr2);//aa123a4526a789
————————————————
版权声明:本文为CSDN博主「coco口」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_51750861/article/details/120293363


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值