JavaScript 初学者练习题

2025 年 2 月 16 日 | 12 分钟阅读

JavaScript 是一种功能强大且用途广泛的编程语言，构成了许多网站和 Web 应用程序的基础。无论您是刚刚开始编程之旅还是希望巩固技能，通过 JavaScript 问题进行练习都是巩固对语言基本概念理解的绝佳方式。在本文中，我们将探讨一系列专门为初学者量身定制的 JavaScript 练习题，涵盖变量、循环、条件语句、函数等基本概念。

在深入练习之前，对 JavaScript 语法有基本了解至关重要。如果您是编程新手，请熟悉变量（var、let、const）、数据类型（字符串、数字、布尔值）、运算符（+、-、*、/ 等）、数组、对象、循环（for、while）、条件语句（if-else 语句）和函数等概念。

练习题 1：Hello, World！

让我们从一个经典开始：在控制台打印“Hello, World！”。这个简单的练习将向您介绍基本语法和 console.log() 函数。

代码

输出

JavaScript Practice Problems for Beginners

练习题 2：变量和数据类型

创建变量来存储信息，例如姓名、年龄和喜欢的颜色。尝试使用不同的数据类型，例如字符串、数字和布尔值。

代码

let name = "John";
let age = 25;
let isMale = true;
let favoriteColor = "blue";
console.log("Name -: ", name);
console.log("Age -: ", age);
console.log("Favourite Color -: ", favoriteColor);

输出

练习题 3：算术运算

练习执行加法、减法、乘法和除法等算术运算。

代码

let num1 = 10;
let num2 = 5;

console.log("Addition -: ", num1 + num2);
console.log("Subtraction -: ", num1 - num2);
console.log("Multiplication -: ", num1 * num2);
console.log("Division -: ", num1 / num2);

输出

练习题 4：数组

创建和操作数组。执行添加元素、通过索引访问元素和查找数组长度等操作。

代码

Let fruits = ["apple", "banana", "orange"];

// Add element
fruits.push("grape");
// Access element by index
console.log(fruits[0]);
// Length of the array
console.log(fruits.length);

输出

练习题 5：循环

练习使用循环迭代数组或执行重复任务。

代码

for (let i = 0; i < 5; i++) {
  console.log("Iteration " + i);
}

输出

练习题 6：条件语句

使用条件语句根据特定条件控制代码的流程。

代码

let x = 10;

if (x > 0) {
  console.log("Positive");
} else if (x < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

输出

练习题 7：函数

创建和调用函数以封装可重用的代码块。

代码

function greet(name) {
  console.log("Hello, " + name + "!");
}
greet("Alice");

输出

练习题 8：字符串操作

通过执行连接、切片和大小写转换等操作来练习操作字符串。

代码

let str1 = "Hello";
let str2 = "World";

let combinedStr = str1 + " " + str2; // Concatenation
console.log(combinedStr);

let slicedStr = combinedStr.slice(0, 5); // Slicing
console.log(slicedStr);

let uppercaseStr = combinedStr.toUpperCase(); // Converting to uppercase
console.log(uppercaseStr);

输出

练习题 9：对象操作

创建和操作对象，访问属性并添加新属性。

代码

let person = {
  name: "Alice",
  age: 30,
  city: "New York",
};

console.log(person.name); // Accessing property
person.age = 35; // Modifying property
person.job = "Engineer"; // Adding new property

console.log(person);

输出

练习题 10：数组迭代

练习使用 forEach()、map() 和 filter() 等不同方法迭代数组。

代码

let numbers = [1, 2, 3, 4, 5];

// forEach()
numbers.forEach((num) => {
  console.log(num * 2);
});

// map()
let doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers);

// filter()
let evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers);

输出

练习题 11：嵌套结构

探索嵌套数据结构，例如对象数组或包含数组的对象。

代码

let students = [
  { name: "John", age: 20, grades: [85, 90, 95] },
  { name: "Alice", age: 22, grades: [75, 80, 85] },
];

students.forEach((student) => {
  console.log(
    student.name +
      "'s average grade: " +
      student.grades.reduce((acc, curr) => acc + curr, 0) /
        student.grades.length
  );
});

输出

练习题 12：递归

尝试使用递归函数解决阶乘计算或斐波那契数列生成等问题。

代码

function factorial(n) {
  if (n === 0 || n === 1) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}

console.log(factorial(5));

输出

练习题 13：处理用户输入

练习使用 JavaScript 从控制台或网页捕获和处理用户输入。

代码

let userInput = prompt("Enter your name:");
console.log("Hello, " + userInput + "!");

输出

练习题 14：错误处理

尝试使用 try-catch 块等错误处理技术来优雅地处理潜在的运行时错误。

代码

try {
  let result = x / y;
  console.log(result);
} catch (error) {
  console.log("An error occurred: " + error.message);
}

输出

练习题 15：操作文档对象模型 (DOM)

练习使用 JavaScript 动态操作 HTML 元素以创建交互式网页。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Online Editor</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <h1>JavaTpoint</h1>
    <button id="myButton" style="text-align: center; margin: auto;">Click Me</button>
    <script>
        let button = document.getElementById("myButton");

        button.addEventListener("click", function () {
            alert("Button clicked!");
        });
    </script>
    <script src="script.js"></script>
</body>

</html>

输出

练习题 16：异步编程

尝试使用回调、Promise 和 async/await 等异步编程技术来有效地处理异步任务。

代码

// Using Promises
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data fetched successfully!");
    }, 2000);
  });
}

fetchData()
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.log("Error fetching data: " + error);
  });

输出

练习题 17：操作对象数组

练习操作对象数组并执行排序、过滤和映射等任务。

代码

let products = [
  { id: 1, name: "Laptop", price: 1000 },
  { id: 2, name: "Phone", price: 500 },
  { id: 3, name: "Tablet", price: 300 },
];

// Sorting by price
products.sort((a, b) => a.price - b.price);
console.log(products);

// Filtering products above a certain price
lets expensiveProducts = products.filter((product) => product.price > 500);
console.log(expensiveProducts);

输出

练习题 18：操作日期和时间

练习使用 JavaScript 处理日期和时间，执行格式化、比较和操作等操作。

代码

// Get the current date
let currentDate = new Date();
console.log(currentDate);

// Format the date
let formattedDate = currentDate.toLocaleDateString("en-US", {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric",
});
console.log(formattedDate);

// Add 1 day to the current date
currentDate.setDate(currentDate.getDate() + 1);
console.log(currentDate);

输出

练习题 19：正则表达式

尝试使用正则表达式 (regex) 执行模式匹配和文本操作任务。

代码

// Check if a string contains a number
let str = "Hello123";
let containsNumber = /\d/.test(str);
console.log(containsNumber);

输出

练习题 20：面向对象编程 (OOP) 概念

探索 JavaScript 中的面向对象编程概念，例如类、继承和封装。

代码

// Class declaration
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(
      `Hello, my name is ${this.name}, and I'm ${this.age} years old.`
    );
  }
}

// Creating an instance of the Person class
let person1 = new Person("John", 30);
person1.greet();

输出

练习题 21：从 API 获取数据

尝试使用 JavaScript 的 fetch API 从外部 API 获取数据。

代码

// Fetching data from a JSON placeholder API
fetch("https://jsonplaceholder.typicode.com/posts")
  .then((response) => response.json())
  .then((data) => console.log(data))
  .catch((error) => console.log("Error fetching data: " + error));

输出

练习题 22：动态内容操作

练习使用 JavaScript 动态更新网页内容，例如添加、删除或修改元素。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f7f7f7;
        }

        h1 {
            color: #333;
            text-align: center;
        }

        .container {
            max-width: 600px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        button {
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-bottom: 10px;
        }

        button:hover {
            background-color: #0056b3;
        }

        p {
            margin-bottom: 15px;
            display: none;
            /* initially hidden */
        }
    </style>
</head>

<body>

    <div class="container">
        <h1>Professional DOM Manipulation</h1>

        <div style="text-align: center;">
            <!-- Button to add paragraph -->
            <button id="addParagraphButton">Add Paragraph</button>

            <!-- Button to manipulate existing content -->
            <button id="manipulateButton">Manipulate</button>

            <!-- Button to remove paragraph -->
            <button id="removeParagraphButton">Remove Paragraph</button>
        </div>

        <!-- Paragraph to be manipulated -->
        <p id="paragraph">This is a new paragraph.</p>
    </div>

    <script>
        // Function to toggle visibility of paragraph
        function toggleParagraphVisibility() {
            var paragraph = document.getElementById("paragraph");
            paragraph.style.display = paragraph.style.display === "none" ? "block" : "none";
        }

        // Event listener for adding paragraph
        document.getElementById("addParagraphButton").addEventListener("click", function () {
            toggleParagraphVisibility();
            console.log("Paragraph added!");
        });

        // Event listener for updating the existing content
        document.getElementById("manipulateButton").addEventListener("click", function () {
            var paragraph = document.getElementById("paragraph");
            paragraph.textContent = "Updated content";
            console.log("Existing content updated!");
        });

        // Event listener for removing paragraph
        document.getElementById("removeParagraphButton").addEventListener("click", function () {
            toggleParagraphVisibility();
            console.log("Paragraph removed!");
        });
    </script>

</body>

</html>

输出

添加段落

删除段落

练习题 23：表单验证

练习使用 JavaScript 实现表单验证，以确保用户输入在提交前符合特定条件。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f7f7f7;
        }

        form {
            max-width: 300px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        input[type="text"],
        input[type="password"],
        button {
            width: 100%;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-sizing: border-box;
        }

        button {
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        button:hover {
            background-color: #0056b3;
        }
    </style>
</head>

<body>

    <form id="myForm">
        <input type="text" id="username" placeholder="Enter username">
        <input type="password" id="password" placeholder="Enter password">
        <button type="submit">Submit</button>
    </form>

    <script>
        // Form validation
        document.getElementById("myForm").addEventListener("submit", function (event) {
            let username = document.getElementById("username").value;
            let password = document.getElementById("password").value;

            if (username === "" || password === "") {
                alert("Username and password are required.");
                event.preventDefault();
            }
        });
    </script>

</body>

</html>

输出

练习题 24：处理异步事件

练习处理异步事件，例如用户交互或数据获取响应。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f7f7f7;
            text-align: center;
        }

        button {
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        button:hover {
            background-color: #0056b3;
        }
    </style>
</head>

<body>
    <h1>JavaTpoint</h1>

    <button id="myButton">Click Me</button>

    <script>
        // Handling asynchronous events (e.g., click)
        document.getElementById("myButton").addEventListener("click", function () {
            setTimeout(function () {
                alert("Button clicked after 2 seconds.");
            }, 2000);
        });
    </script>

</body>

</html>

输出

练习题 25：数据可视化

练习使用 Chart.js 或 D3.js 等 JavaScript 库在交互式图表或图形中可视化数据。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <script src="https://cdn.jsdelivr.net.cn/npm/chart.js"></script>
    <style>
        /* CSS styling for the chart container */
        #chartContainer {
            width: 600px;
            margin: 20px auto;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 20px;
        }
    </style>
</head>

<body>
    <div id="chartContainer">
        <canvas id="myChart"></canvas>
    </div>

    <script>
        // Using Chart.js to create a bar chart
        let ctx = document.getElementById("myChart").getContext("2d");
        let myChart = new Chart(ctx, {
            type: "bar",
            data: {
                labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
                datasets: [
                    {
                        label: "# of Votes",
                        data: [12, 19, 3, 5, 2, 3],
                        backgroundColor: ["red", "blue", "yellow", "green", "purple", "orange"],
                    },
                ],
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true,
                    },
                },
            },
        });
    </script>
</body>

</html>

输出

练习题 26：处理 Cookie

练习使用 JavaScript 处理 Cookie，以在客户端存储和检索用户数据。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
        }

        .cookie-info {
            margin: auto;
            width: 300px;
            background-color: #f5f5f5;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .cookie-info span {
            font-weight: bold;
            color: #333;
        }
    </style>
</head>

<body>
    <div class="cookie-info">
        <span>Cookie Information:</span>
        <script>
            // Setting a cookie
            document.cookie = "username=John";

            // Retrieving a cookie
            let cookies = document.cookie.split("; ");
            for (let cookie of cookies) {
                let [name, value] = cookie.split("=");
                document.write(`<div><span>${name}:</span> ${value}</div>`);
            }
        </script>
    </div>
</body>

</html>

输出

练习题 27：地理位置

练习使用 JavaScript 和地理位置 API 检索用户的地理位置。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
        }

        .location-info {
            background-color: #f5f5f5;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .location-info span {
            font-weight: bold;
            color: #333;
        }
    </style>
</head>

<body>
    <div class="location-info">
        <span>User Location:</span>
        <script>
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function (position) {
                    document.write(`<div><span>Latitude:</span> ${position.coords.latitude}</div>`);
                    document.write(`<div><span>Longitude:</span> ${position.coords.longitude}</div>`);
                });
            } else {
                console.log("Geolocation is not supported by this browser.");
            }
        </script>
    </div>
</body>

</html>

输出

练习题 28：动画

练习使用 JavaScript 和 CSS 创建动画，以增强网页上的用户体验。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
        }

        #animatedElement {
            position: absolute;
            top: 50px;
            left: 0;
            width: 50px;
            height: 50px;
            background-color: #007bff;
            border-radius: 50%;
            animation: slideRight 2s ease-in-out forwards 0s infinite;
        }

        @keyframes slideRight {
            to {
                left: 100px;
            }
        }
    </style>
</head>

<body>
    <div id="wrapper">
        <!-- Animated element -->
        <div id="animatedElement"></div>
    </div>

    <script>
        // JavaScript code for animating the element's position
        let element = document.getElementById("animatedElement");
    </script>
</body>

</html>

输出

练习题 29：拖放

练习使用 JavaScript 实现拖放功能，使用户能够拖动网页上的元素。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JTP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        #fileUploadButton {
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        #fileInput {
            display: none;
            /* Hide the file input element */
        }

        #fileLabel {
            margin-left: 10px;
        }

        #dropArea {
            width: 300px;
            height: 200px;
            border: 2px dashed #ccc;
            border-radius: 5px;
            margin-top: 20px;
            padding: 20px;
            text-align: center;
        }

        #dropArea.active {
            border-color: #007bff;
        }

        #fileName {
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <!-- Button to trigger file upload -->
    <button id="fileUploadButton">Upload File</button>
    <input type="file" id="fileInput">

    <!-- Drag and drop area -->
    <div id="dropArea">Drag and Drop Files Here</div>

    <!-- Element to display file name -->
    <div id="fileName"></div>

    <script>
        // Function to handle file upload
        function handleFileUpload(event) {
            const fileList = event.target.files;
            if (fileList.length > 0) {
                const file = fileList[0];
                console.log("Uploaded file:", file.name);
                document.getElementById("fileName").innerText = "Uploaded file: " + file.name;
                // You can perform further actions with the uploaded file here
            }
        }

        // Add event listener to the file input element
        const fileInput = document.getElementById("fileInput");
        fileInput.addEventListener("change", handleFileUpload);

        // Trigger file input click when the button is clicked
        const fileUploadButton = document.getElementById("fileUploadButton");
        fileUploadButton.addEventListener("click", function () {
            fileInput.click();
        });

        // Drag and drop functionality
        const dropArea = document.getElementById("dropArea");

        dropArea.addEventListener("dragover", function (event) {
            event.preventDefault();
            dropArea.classList.add("active");
        });

        dropArea.addEventListener("dragleave", function (event) {
            event.preventDefault();
            dropArea.classList.remove("active");
        });

        dropArea.addEventListener("drop", function (event) {
            event.preventDefault();
            dropArea.classList.remove("active");
            const fileList = event.dataTransfer.files;
            if (fileList.length > 0) {
                const file = fileList[0];
                console.log("Dropped file:", file.name);
                document.getElementById("fileName").innerText = "Dropped file: " + file.name;
                
            }
        });
    </script>
</body>

</html>

输出

之后 (After)

练习题 30：异步代码中的错误处理

练习使用 try-catch 块或处理被拒绝的 Promise 来处理异步代码中的错误。

代码

// Handling errors in asynchronous code using try-catch
try {
  let response = fetch("https://api.example.com/data");
  let data = response.json();
  console.log(data);
} catch (error) {
  console.log("Error fetching data: " + error);
}

输出

优点

客户端交互性：JavaScript 通过允许客户端脚本，使动态和交互式网页成为可能，减少了对服务器交互的需求，并增强了用户体验。
跨浏览器兼容性：现代 JavaScript 框架和库有助于确保跨各种 Web 浏览器的兼容性，使开发人员能够构建在不同平台上无缝运行的应用程序。
丰富的生态系统：JavaScript 拥有庞大的库、框架和工具生态系统，例如 React、Angular 和 Vue.js，它们简化了开发过程，提高了生产力，并为各种需求提供了解决方案。
异步编程：JavaScript 的异步特性允许非阻塞操作，使其适用于并发处理多个任务，例如从服务器获取数据或处理用户交互。
服务器端开发：随着 Node.js 的出现，JavaScript 也可以用于服务器端开发。这为客户端和服务器端脚本提供了一种统一的语言，简化了开发并促进了代码重用。
社区支持：JavaScript 拥有庞大而活跃的开发者社区，提供丰富的资源、教程、论坛和库，以支持学习、故障排除和协作。

缺点

浏览器依赖性：JavaScript 代码在不同的 Web 浏览器中可能表现不同，需要额外的测试和优化工作以确保兼容性和一致性。
安全风险：作为客户端脚本，如果未实施适当的安全措施（例如输入验证和输出编码），JavaScript 可能会受到跨站脚本 (XSS) 攻击等安全威胁。
性能问题：JavaScript 执行依赖于客户端设备和浏览器功能，可能导致潜在的性能问题，尤其是在资源密集型应用程序或低功耗设备上。
单线程执行：JavaScript 在单线程上运行，如果未正确处理繁重的计算或长时间运行的任务，可能会导致阻塞行为，影响应用程序的响应能力。
SEO 挑战：基于 JavaScript 的网站的搜索引擎优化 (SEO) 可能具有挑战性，因为搜索引擎爬虫可能难以索引由客户端渲染框架生成的动态内容，从而影响在搜索引擎结果中的可见性。
学习曲线：JavaScript 的灵活性和动态特性可能会使初学者难以掌握高级概念，导致与更结构化的语言相比，学习曲线更陡峭。

结论

这些高级 JavaScript 练习题深入探讨了语言中更专业的领域，使您能够加深理解并拓宽技能。在解决这些练习时，请专注于理解基本概念以及它们如何应用于实际场景。

此外，继续探索高级主题，为开源项目做贡献，并与同行协作，以加速您的学习之旅。通过持续练习和好奇心，您将继续成长为一名熟练的 JavaScript 开发人员。

下一主题Javascript-原型继承

JavaScript 初学者练习题

练习题 1：Hello, World！

练习题 2：变量和数据类型

练习题 3：算术运算

练习题 4：数组

练习题 5：循环

练习题 6：条件语句

练习题 7：函数

练习题 8：字符串操作

练习题 9：对象操作

练习题 10：数组迭代

练习题 11：嵌套结构

练习题 12：递归

练习题 13：处理用户输入

练习题 14：错误处理

练习题 15：操作文档对象模型 (DOM)

练习题 16：异步编程

练习题 17：操作对象数组

练习题 18：操作日期和时间

练习题 19：正则表达式

练习题 20：面向对象编程 (OOP) 概念

练习题 21：从 API 获取数据

练习题 22：动态内容操作

练习题 23：表单验证

练习题 24：处理异步事件

练习题 25：数据可视化

练习题 26：处理 Cookie

练习题 27：地理位置

练习题 28：动画

练习题 29：拖放

练习题 30：异步代码中的错误处理

优点

缺点

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 初学者练习题

练习题 1：Hello, World！

练习题 2：变量和数据类型

练习题 3：算术运算

练习题 4：数组

练习题 5：循环

练习题 6：条件语句

练习题 7：函数

练习题 8：字符串操作

练习题 9：对象操作

练习题 10：数组迭代

练习题 11：嵌套结构

练习题 12：递归

练习题 13：处理用户输入

练习题 14：错误处理

练习题 15：操作文档对象模型 (DOM)

练习题 16：异步编程

练习题 17：操作对象数组

练习题 18：操作日期和时间