前端开发

前端开发

首页 新闻中心 前端开发 JS 数组操作汇总(持续更新中)

JS 数组操作汇总(持续更新中)

作者:南宁网站建设 时间:2024-02-25 来源:南宁网站制作
JS 数组操作汇总(持续更新中)
//查找数组 =》返回索引
[1, 2, 3].findIndex(function (x) { x == 2; }); //返回1

//定义数组
const arr = [
    {
        name: '张三',
        age: 18
    },
    {
        name: '李四',
        age: 20
    },
    {
        name: '王五',
        age: 30
    }
]

//快速查找、不会改变原来数组
// find()  只返回第一个,没有则返回undefined
const val = arr.find(item => {
    return item.age === 20
})
// 返回
// {
//     name: '李四',
//     age: 20
// }
// filter() 返回所有匹配的,没有则返回空数组

//获取数组对象中的值,map不会改变原数组
let name = [];
users.map(function (item){
    emails.push(item.name);
});
console.log(name);
// 返回
// ["张三", "李四", "王五"]

let arr2 = [1,2,3,4,5,6];
//splice会改变原数组
let newArr = arr2.splice(1,3)
console.log(arr2)    // 输出:[1,5,6]
console.log(newArr) // 输出:[2,3, 4]

//slice不会改变原数组
var newArr2 = arr2.slice(0,3)  // 不包含索引值为3以后的元素
console.log(newArr2);   // ['1','2','3']

//查找对象,不匹配的删除
let args = {};
for (let key in args) { if(args[key] == null){ delete args[key] } }
用手机扫描二维码 关闭
二维码