JavaScript面试题121-130

最新推荐文章于 2022-09-03 00:33:18 发布

Ashy-

最新推荐文章于 2022-09-03 00:33:18 发布

阅读量257

点赞数 1

分类专栏：前端面试题文章标签： html5 es6 javascript

本文链接：https://blog.youkuaiyun.com/weixin_43794299/article/details/113955096

版权

前端面试题专栏收录该内容

25 篇文章

订阅专栏

本文汇总了JavaScript面试中常见的10道题目，包括字符串字节长度计算、数组去重方法、this的应用、DOM操作、类型检测、数据类型、CSS属性拼写、原型链、alert换行以及class和prototype的使用。涵盖了基础语法、数据处理、对象操作等多个方面，是前端开发者面试必备的知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript面试题121-130

每日坚持学10道题

121. 求一个字符串的字节长度

[问答题]
编写一个方法求一个字符串的字节长度。

来自：前端工程师练习卷
参考：

// 假设：一个英文字符占用一个字节，一个中文字符占用两个字节。
function GetBytes(str) {
	var len = str.length;
	var bytes = len;
	for (var i = 0; i < len; i++) {
		if (str.charCodeAt(i) > 255) bytes++;
	}
	return bytes;
}
console.log("你好,as");
console.log(GetBytes("你好,as"));   // 7

参考调试: 代码地址

122. 数组去重（重点）

[问答题]
编写一个方法去掉一个数组的重复元素

来自：前端工程师练习卷
参考：

// ES6中的Set方法
	function unique(arr) {
        return Array.from(new Set(arr))
    }
    var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}];
    console.log(unique(arr))
 	//[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]
// 利用filter
	function unique(arr) {
        return arr.filter(function (item, index, arr) {
            //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
            return arr.indexOf(item, 0) === index;
        });
    }
    var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a',
        'a', {}, {}];
    console.log(unique(arr))
	//[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]

其他方法: 请点击访问

123. this的应用

[问答题]
写出 2 个使用 this 的典型应用。

来自：前端工程师练习卷
参考：

在 html 元素事件属性中使用，如:
<input type=”button” onclick=”showInfo(this);” value=”点击一下”/>
构造函数
function Animal(name, color) { this.name = name; this.color = color; }

124. DOM

[问答题]
如何显示/隐藏一个 DOM 元素？

来自：前端工程师练习卷
参考：
el.style.display = "";
el.style.display = "none";
el 是要操作的 DOM 元素。

125. 检测一个变量是`String`类型

[问答题]
JavaScript 中如何检测一个变量是一个 String 类型？请写出函数实现。

来自：前端工程师练习卷
参考：

String 类型有两种生成方式：
(1)Var str = “hello world”;
(2)Var str2 = new String(“hello world”);

    function IsString(str) {
        return (typeof str == "string" || str.constructor == String);
    }
    var str = "";
    console.log(IsString(1));         // false
    console.log(IsString(str));         // true
    console.log(IsString(new String(str))); // true