查找数据在某个数组对象中的下标(类似indexOf())|| 数组常用方法

作者: 小枫枫

临枫的项目经历分享给你们啦~

扫码交朋友

标签:

特别声明:文章有少部分为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

const inventory = [
    {name: 'apples', quantity: 2},
    {name: 'bananas', quantity: 0},
    {name: 'cherries', quantity: 5}
];
const result = inventory.find( fruit => fruit.name === 'cherries' );

console.log(result) // { name: 'cherries', quantity: 5 }

 

 

const inventory = [
    {name: 'apples', quantity: 2},
    {name: 'bananas', quantity: 0},
    {name: 'cherries', quantity: 5}
];
const result = inventory.findIndex( fruit => fruit.name === 'cherries' );
console.log(result); //打印数据为2

 

 

 

map映射  与for of  类似

 

let arr = [99, 520, 1314];
let result = arr.map(item => {
    console.log(item)
});
// 99 520 1314
for (item of arr) {
    console.log(item)
}
// 99 520 1314

 

 

 

reduce 汇总

 

let arr = [1, 11, 111, 1111];
let result = arr.reduce((tmp, item, index) => {
    console.log(tmp, item, index);
    // 1 11 1
    // 12 111 2
    // 123 1111 3
    return tmp + item;
});
console.log(result);//可以用来求和?
// 1234

 

 

filter过滤

 

let arr = [
    { name: '临枫', bodyPrice: -50000 },
    { name: '怡晨', bodyPrice: 1000000000 },
    { name: '文涛', bodyPrice: 250 },
    { name: '姜总', bodyPrice: 999999999 },
    { name: '闫经理', bodyPrice: 99999},
    { name: '陈队长', bodyPrice: 1},
];
// 过滤身价大于一亿的
let result = arr.filter(p => p.bodyPrice >= 100000000);
console.log(result)
// [{name: "怡晨", bodyPrice: 1000000000},
// {name: "姜总", bodyPrice: 999999999}]

 

 

forEach遍历

 

let arr = [9, 8, 7, 6];
arr.forEach((item, index) => {
    console.log(index, ">>>", item);
});
// 0 ">>>" 9
// 1 ">>>" 8
// 2 ">>>" 7
// 3 ">>>" 6
// 无下标的
arr.forEach(item => {
    console.log(item);
});
//9 8 7 6

 

 

展开数组

 

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
console.log({ ...arr1, ...arr2 }); //输出[1,2,3,4,5,6]
console.log([...arr1, ...arr2]); //输出[1,2,3,4,5,6]
console.log(...arr1); //输出1 2 3
var p = { ...arr1, ...arr2 };
console.log(p);//{0: 4, 1: 5, 2: 6}
console.log(p[1])//5
本文最后更新于2020-4-17,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏