js基础问题

Question

想知道下面三种写法结果不同的原因，希望大佬能帮忙解答下

let arr=[
    {
        name:'小明',
        age:12
    }
]
let a= arr.map(item=>{
     item['sex']='男'
})
console.log(a)//[null]
///////////////////////////////////
let arr1=[
    {
        name:'小明',
        age:12
    }
]
arr1.map(item=>{
     item['sex']='男'
})
let a1= arr1
console.log(a1)//[{'name':'小明','age':12,'sex':'男'}]
//////////////////////////////////
let arr2=[
    {
        name:'小明',
        age:12
    }
]
let a2= arr2.map(item=>{
     item['sex']='男'
     return item
})
console.log(a2)//[{'name':'小明','age':12,'sex':'男'}]

Answer 1

实现一个简易的map函数

Array.prototype.myMap = function (callback, thisArg) {
    const newArr = [];
    for (let i = 0; i < this.length; i++) {
        newArr.push(callback.call(thisArg ?? window, this[i], i, this))
    }
    return newArr
}

这里我写了一个缩略版的map函数，核心功能就这些

map执行流程

• 创建一个新数组
• 循环原数组，逐个元素处理后push到新数组中
• 返回这个新数组

问题解答

1. 第一个在回调中没有返回值，新数组中push的是undefined
2. 第二个同样也没有返回值，返回结果与第一个相同，但是原数组发生了变化，这是因为在callback.call()中的参数是对原数组的浅拷贝，操作的时候会改变原数组
3. 第三个回调中有返回值，每次循环都会把操作后的结果push到新数组，数组在调用map会返回操作后的新数组赋值给a2

Answer 2

这里主要是考察map的用法,https://developer.mozilla.org..., array.map(fn)遍历array，返回值是一个数组，该数组的每个值都是array对应的值经过fn处理后的【返回的结果】
首先我们来看你的示例1，fn是处理了item，但是没有抛出任何返回值，所以a的结果是[undefined]（我在浏览器里面打印的是这个，不是你示例中的[null]）

let arr=[
    {
        name:'小明',
        age:12
    }
]
let a= arr.map(item=>{
     item['sex']='男' // 这里只是处理，但是没有返回，且arr本身是被改了的
})
console.log(a)//[null]

示例2，跟上例相同，fn处理了item，但是没有返回，且arr1被改动，此时你二次将arr1赋值给a1，a1自然改变了

let arr1=[
    {
        name:'小明',
        age:12
    }
]
arr1.map(item=>{
     item['sex']='男'
})
let a1= arr1
console.log(a1)//[{'name':'小明','age':12,'sex':'男'}]

示例3，就是map的标准用法，fn返回了item，被a2接收，所以可以正常打印值

Answer 3

就值传递和函数返回的问题。

如果不是引用类型就不会改变。

https://zhuanlan.zhihu.com/p/...
引用类型Object： Array ，Function， Date， RegExp等

var arr = [1,1,1,1,2]
arr.map(item=>{
item=3;
})
console.log(arr);
 [1, 1, 1, 1, 2]

var arr = [[1],[1],[1],[1],[2]]
arr.map(item=>{
item[0]=3;
})
console.log(arr);
[[3],[3],[3],[3],[3]]

函数返回，如果你不return 值就是 undefined了。

Answer 4

简单的说，map里面如果不return，他就是一个for循环；如果return，那就是把return的东西组成了一个新的数组。