面试题：JavaScript数据类型转换的边界问题与解决方案

可能遇到的边界问题

深层嵌套对象属性访问：当访问嵌套较深的对象属性时，若其中某个层级为 null 或 undefined，会导致 TypeError。例如：const obj = { a: { b: { c: 1 } } }; console.log(obj.a.b.c);，若 obj.a 不存在，就会报错。
数组越界：在处理嵌套数组时，访问不存在的索引会返回 undefined，这可能在后续类型转换中导致问题。例如 const arr = [[1, 2], [3, 4]]; console.log(arr[2][0]); 返回 undefined。
数据类型不一致：复杂数据结构中可能包含多种数据类型，如 const mixed = [1, '2', { a: 3 }, [4]];，在进行统一类型转换时，字符串和对象等类型需要特殊处理。
循环引用：对象之间形成循环引用，例如 const a = {}; const b = { a }; a.b = b;，在进行序列化或深度克隆等操作时会导致无限循环。

通用解决方案

安全的属性访问：使用可选链操作符 ?. 来安全访问嵌套对象属性。例如 const value = obj?.a?.b?.c;，这样即使中间某层属性不存在也不会报错，而是返回 undefined。
数组边界检查：在访问数组元素前，先检查索引是否在有效范围内。例如 function getArrayElement(arr, index) { if (index >= 0 && index < arr.length) { return arr[index]; } return undefined; }。
类型判断与转换：使用 typeof、Array.isArray、instanceof 等进行类型判断，然后根据不同类型进行相应转换。例如：

function convertValue(value) {
    if (typeof value ==='string') {
        return parseInt(value);
    } else if (Array.isArray(value)) {
        return value.map(convertValue);
    } else if (typeof value === 'object' && value!== null) {
        const newObj = {};
        for (const key in value) {
            newObj[key] = convertValue(value[key]);
        }
        return newObj;
    }
    return value;
}

处理循环引用：在进行深度操作（如深度克隆）时，使用一个 Set 来记录已经处理过的对象，避免无限循环。例如：

function deepClone(obj, visited = new Set()) {
    if (typeof obj!== 'object' || obj === null) {
        return obj;
    }
    if (visited.has(obj)) {
        return;
    }
    visited.add(obj);
    if (Array.isArray(obj)) {
        return obj.map(item => deepClone(item, visited));
    } else {
        const newObj = {};
        for (const key in obj) {
            newObj[key] = deepClone(obj[key], visited);
        }
        return newObj;
    }
}

面试题：JavaScript数据类型转换的边界问题与解决方案

知识考点

面试题答案

可能遇到的边界问题

通用解决方案