JS手写题（50道） 副本
来源：https://my.feishu.cn/docx/SUXGdcKNCodAaxxSNYycmuuJn1f
采集状态：已完成正文采集；已滚动到底部并按块及代码行号采集

JavaScript编程题集（50道）​

​

基础语法题（1-15题）​

​

1. 问题： 如何创建一个具有原型的对象？​

答案：​

let prototype = {
    greet: function() {
        console.log("Hello!");
    }
};
let obj = Object.create(prototype);
// 或者
function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function() {
    console.log(`Hello, I'm ${this.name}`);
};
let person = new Person("张三");

2. 问题： 写一个函数判断一个数字是否为偶数。​

答案：​

function isEven(num) {
    return num % 2 === 0;
}
// 或者箭头函数
const isEven = (num) => num % 2 === 0;

​

3. 问题： 如何创建一个包含5个元素的数组？​

答案：​

let arr = [1, 2, 3, 4, 5];
// 或者
let arr = new Array(5).fill(0);
// 或者
let arr = Array.from({length: 5}, (_, i) => i + 1);

​

4. 问题： 写一个函数计算两个数的和。​

答案：​

function add(a, b) {
    return a + b;
}
// 或者箭头函数
const add = (a, b) => a + b;

​

5. 问题： 如何获取字符串的长度？​

答案：​

let str = "Hello";
let length = str.length; // 5

​

6. 问题： 写一个for循环打印1到10的数字。​

答案：​

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

​

7. 问题： 如何检查一个变量是否为undefined？​

答案：​

if (variable === undefined) {
    console.log("变量未定义");
}
// 或者
if (typeof variable === 'undefined') {
    console.log("变量未定义");
}

​

8. 问题： 写一个函数将华氏温度转换为摄氏温度。​

答案：​

function fahrenheitToCelsius(fahrenheit) {
    return (fahrenheit - 32) * 5/9;
}

​

9. 问题： 如何创建一个对象并添加属性？​

答案：​

let person = {
    name: "张三",
    age: 25,
    city: "北京"
};
// 或者
let person = {};
person.name = "张三";
person.age = 25;

​

10. 问题： 写一个函数检查字符串是否包含特定子字符串。​

答案：​

function containsSubstring(str, substring) {
    return str.includes(substring);
}
// 或者
function containsSubstring(str, substring) {
    return str.indexOf(substring) !== -1;
}

​

11. 问题： 如何将字符串转换为数字？​

答案：​

let str = "123";
let num = Number(str);
// 或者
let num = parseInt(str);
// 或者
let num = +str;

​

12. 问题： 写一个函数返回数组中的最大值。​

答案：​

function findMax(arr) {
    return Math.max(...arr);
}
// 或者
function findMax(arr) {
    let max = arr[0];
    for (let i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
            max = arr[i];
        }
    }
    return max;
}

​

13. 问题： 如何反转一个字符串？​

答案：​

function reverseString(str) {
    return str.split('').reverse().join('');
}
// 或者
function reverseString(str) {
    let reversed = '';
    for (let i = str.length - 1; i >= 0; i--) {
        reversed += str[i];
    }
    return reversed;
}

​

14. 问题： 写一个函数检查一个数是否为质数。​

答案：​

function isPrime(num) {
    if (num < 2) return false;
    for (let i = 2; i <= Math.sqrt(num); i++) {
        if (num % i === 0) return false;
    }
    return true;
}

​

15. 问题： 如何获取当前日期和时间？​

答案：​

let now = new Date();
console.log(now);
// 格式化输出
console.log(now.toLocaleDateString());
console.log(now.toLocaleTimeString());

​

数组操作题（16-25题）​

​

16. 问题： 写一个函数移除数组中的重复元素。​

答案：​

function removeDuplicates(arr) {
    return [...new Set(arr)];
}
// 或者
function removeDuplicates(arr) {
    return arr.filter((item, index) => arr.indexOf(item) === index);
}

​

17. 问题： 如何将两个数组合并？​

答案：​

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let merged = [...arr1, ...arr2];
// 或者
let merged = arr1.concat(arr2);

​

18. 问题： 写一个函数计算数组中所有数字的平均值。​

答案：​

function calculateAverage(arr) {
    let sum = arr.reduce((acc, num) => acc + num, 0);
    return sum / arr.length;
}

​

19. 问题： 如何对数组进行排序？​

答案：​

// 数字排序
let numbers = [3, 1, 4, 1, 5];
numbers.sort((a, b) => a - b); // 升序
numbers.sort((a, b) => b - a); // 降序

// 字符串排序
let strings = ['banana', 'apple', 'cherry'];
strings.sort(); // 字母顺序

​

20. 问题： 写一个函数查找数组中特定元素的索引。​

答案：​

function findIndex(arr, element) {
    return arr.indexOf(element);
}
// 或者使用findIndex方法
function findIndex(arr, condition) {
    return arr.findIndex(condition);
}

​

21. 问题： 如何过滤数组中的偶数？​

答案：​

function filterEvenNumbers(arr) {
    return arr.filter(num => num % 2 === 0);
}

​

22. 问题： 写一个函数将数组中的每个元素乘以2。​

答案：​

function multiplyByTwo(arr) {
    return arr.map(num => num * 2);
}

​

23. 问题： 如何检查数组中是否包含某个元素？​

答案：​

function containsElement(arr, element) {
    return arr.includes(element);
}
// 或者
function containsElement(arr, element) {
    return arr.indexOf(element) !== -1;
}

​

24. 问题： 写一个函数将二维数组扁平化。​

答案：​

function flattenArray(arr) {
    return arr.flat();
}
// 或者递归方法
function flattenArray(arr) {
    let result = [];
    for (let item of arr) {
        if (Array.isArray(item)) {
            result.push(...flattenArray(item));
        } else {
            result.push(item);
        }
    }
    return result;
}

​

25. 问题： 如何获取数组的最后一个元素？​

答案：​

function getLastElement(arr) {
    return arr[arr.length - 1];
}
// 或者
function getLastElement(arr) {
    return arr.slice(-1)[0];
}

​

对象操作题（26-35题）​

​

26. 问题： 写一个函数复制对象的所有属性。​

答案：​

function copyObject(obj) {
    return {...obj};
}
// 或者
function copyObject(obj) {
    return Object.assign({}, obj);
}
// 深拷贝
function deepCopy(obj) {
    return JSON.parse(JSON.stringify(obj));
}

​

27. 问题： 如何获取对象的所有键？​

答案：​

function getObjectKeys(obj) {
    return Object.keys(obj);
}

​

28. 问题： 写一个函数检查对象是否有特定属性。​

答案：​

function hasProperty(obj, prop) {
    return obj.hasOwnProperty(prop);
}
// 或者
function hasProperty(obj, prop) {
    return prop in obj;
}

​

29. 问题： 如何合并两个对象？​

答案：​

function mergeObjects(obj1, obj2) {
    return {...obj1, ...obj2};
}
// 或者
function mergeObjects(obj1, obj2) {
    return Object.assign({}, obj1, obj2);
}

​

30. 问题： 写一个函数计算对象中属性的数量。​

答案：​

function countProperties(obj) {
    return Object.keys(obj).length;
}

​

31. 问题： 如何删除对象的某个属性？​

答案：​

function deleteProperty(obj, prop) {
    delete obj[prop];
    return obj;
}
// 或者创建新对象
function deleteProperty(obj, prop) {
    let {[prop]: deleted, ...rest} = obj;
    return rest;
}

​

32. 问题： 写一个函数将对象转换为数组。​

答案：​

function objectToArray(obj) {
    return Object.entries(obj);
}
// 或者只要值
function objectToArray(obj) {
    return Object.values(obj);
}

​

33. 问题： 如何检查一个值是否为对象？​

答案：​

function isObject(value) {
    return typeof value === 'object' && value !== null && !Array.isArray(value);
}

​

34. 问题： 写一个函数反转对象的键值对。​

答案：​

function reverseObject(obj) {
    let reversed = {};
    for (let key in obj) {
        reversed[obj[key]] = key;
    }
    return reversed;
}

​

35. 问题： 如何创建一个具有原型的对象？​

答案：​

let prototype = {
    greet: function() {
        console.log("Hello!");
    }
};
let obj = Object.create(prototype);
// 或者
function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function() {
    console.log(`Hello, I'm ${this.name}`);
};
let person = new Person("张三");

​

字符串处理题（36-45题）​

​

36. 问题： 写一个函数统计字符串中每个字符的出现次数。​

答案：​

function countCharacters(str) {
    let count = {};
    for (let char of str) {
        count[char] = (count[char] || 0) + 1;
    }
    return count;
}

​

37. 问题： 如何将字符串的首字母大写？​

答案：​

function capitalizeFirst(str) {
    return str.charAt(0).toUpperCase() + str.slice(1);
}

​

38. 问题： 写一个函数检查字符串是否为回文。​

答案：​

function isPalindrome(str) {
    let cleaned = str.toLowerCase().replace(/[^a-z0-9]/g, '');
    return cleaned === cleaned.split('').reverse().join('');
}

​

39. 问题： 如何替换字符串中的所有空格为下划线？​

答案：​

function replaceSpaces(str) {
    return str.replace(/ /g, '_');
}
// 或者
function replaceSpaces(str) {
    return str.split(' ').join('_');
}

​

40. 问题： 写一个函数提取字符串中的所有数字。​

答案：​

function extractNumbers(str) {
    return str.match(/\d+/g) || [];
}

​

41. 问题： 如何截取字符串的前n个字符？​

答案：​

function truncateString(str, n) {
    return str.substring(0, n);
}
// 或者
function truncateString(str, n) {
    return str.slice(0, n);
}

​

42. 问题： 写一个函数将字符串转换为驼峰命名法。​

答案：​

function toCamelCase(str) {
    return str.replace(/[-_\s]+(.)?/g, (_, char) => 
        char ? char.toUpperCase() : ''
    );
}

​

43. 问题： 如何计算字符串中单词的数量？​

答案：​

function countWords(str) {
    return str.trim().split(/\s+/).filter(word => word.length > 0).length;
}

​

44. 问题： 写一个函数移除字符串两端的空白字符。​

答案：​

function trimString(str) {
    return str.trim();
}
// 手动实现
function trimString(str) {
    return str.replace(/^\s+|\s+$/g, '');
}

​

45. 问题： 如何检查字符串是否以特定前缀开始？​

答案：​

function startsWith(str, prefix) {
    return str.startsWith(prefix);
}
// 手动实现
function startsWith(str, prefix) {
    return str.substring(0, prefix.length) === prefix;
}

​

高级应用题（46-50题）​

​

46. 问题： 写一个函数实现防抖（debounce）。​

答案：​

function debounce(func, delay) {
    let timeoutId;
    return function(...args) {
        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => func.apply(this, args), delay);
    };
}

​

47. 问题： 如何实现一个简单的Promise？​

答案：​

class SimplePromise {
    constructor(executor) {
        this.state = 'pending';
        this.value = undefined;
        this.onResolvedCallbacks = [];
        this.onRejectedCallbacks = [];
        
        const resolve = (value) => {
            if (this.state === 'pending') {
                this.state = 'resolved';
                this.value = value;
                this.onResolvedCallbacks.forEach(fn => fn());
            }
        };
        
        const reject = (reason) => {
            if (this.state === 'pending') {
                this.state = 'rejected';
                this.value = reason;
                this.onRejectedCallbacks.forEach(fn => fn());
            }
        };
        
        executor(resolve, reject);
    }
    
    then(onResolved, onRejected) {
        if (this.state === 'resolved') {
            onResolved(this.value);
        }
        if (this.state === 'rejected') {
            onRejected(this.value);
        }
        if (this.state === 'pending') {
            this.onResolvedCallbacks.push(() => onResolved(this.value));
            this.onRejectedCallbacks.push(() => onRejected(this.value));
        }
    }
}

​

48. 问题： 写一个函数实现深度克隆。​

答案：​

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    
    if (obj instanceof Date) {
        return new Date(obj.getTime());
    }
    
    if (obj instanceof Array) {
        return obj.map(item => deepClone(item));
    }
    
    if (typeof obj === 'object') {
        const cloned = {};
        for (let key in obj) {
            if (obj.hasOwnProperty(key)) {
                cloned[key] = deepClone(obj[key]);
            }
        }
        return cloned;
    }
}

​

49. 问题： 如何实现一个简单的发布订阅模式？​

答案：​

class EventEmitter {
    constructor() {
        this.events = {};
    }
    
    on(eventName, callback) {
        if (!this.events[eventName]) {
            this.events[eventName] = [];
        }
        this.events[eventName].push(callback);
    }
    
    emit(eventName, ...args) {
        if (this.events[eventName]) {
            this.events[eventName].forEach(callback => {
                callback(...args);
            });
        }
    }
    
    off(eventName, callback) {
        if (this.events[eventName]) {
            this.events[eventName] = this.events[eventName].filter(
                cb => cb !== callback
            );
        }
    }
}

​

50. 问题： 写一个函数实现柯里化（curry）。​

答案：​

function curry(fn) {
    return function curried(...args) {
        if (args.length >= fn.length) {
            return fn.apply(this, args);
        } else {
            return function(...args2) {
                return curried.apply(this, args.concat(args2));
            };
        }
    };
}

// 使用示例
function add(a, b, c) {
    return a + b + c;
}

const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 6
console.log(curriedAdd(1, 2)(3)); // 6

​

​

本文暂未被其它文档引用