前端面试题目总结——JS有什么数据类型 如何转换问题

JavaScript基本语法、字符串数组常用函数、数据类型判断以及转换函数

1、js有哪些数据类型

NaN:Not a Number
在这里插入图片描述

引用数据类型

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 基本数据类型——存储在栈区
    Object——具体对象存储在堆区,栈区存放堆的地址
    在这里插入图片描述

2、undefined和null的区别

在这里插入图片描述

在这里插入图片描述

3、如何判断一个变量是Array类型,是Number类型?

① 判断数组

arr = []
arr instanceof Array // instanceof判断方法
Array.prototype.isPrototypeOf(arr) // 原型链判断
//isPrototypeOf() 方法用来检测一个对象是否存在于另一个对象的原型链中,如果存在就返回 true,否则就返回 false。
Array.isArray(arr) // JS 数组方法Array中的isArray方法

② 判断数值

在这里插入图片描述

③ Typeof()和instanceof

在这里插入图片描述
在这里插入图片描述

  • ps:Typeof的使用
    console.log(typeof a); //‘undefined’
    console.log(typeof ‘123’); //‘string’
    console.log(typeof 123); //‘number’
    在这里插入图片描述

3、= = 和 === 的区别,js隐性类型转换步骤

参考
在这里插入图片描述
在这里插入图片描述

① 隐式(强制)类型转换定义

在这里插入图片描述
parse——语法分析
在这里插入图片描述

② toString、valueOf 方法 ——转化对象的方法

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

4 、JavaScript中的装箱和拆箱操作

① 装箱

在这里插入图片描述
在这里插入图片描述

    var str = "hello world";
    var strRes = str.split(" ");
    console.log(strRes) //["hello", "world"]

② 拆箱

在这里插入图片描述

  • JavaScript调用valueOf方法将对象转换为原始值。你很少需要自己调用valueOf方法;当遇到要预期的原始值的对象时,JavaScript会自动调用它。
  • toString() 方法返回一个表示该对象的字符串。
    在这里插入图片描述

5、数组和字符串的常用函数

① 数组相关函数

slice、splice、split 三者的区别
js数组常用方法

插入删除元素
Array.push()
Array.pop()
Array.unshift()
Array.shift()
合并数组
Array.concat()

对数组元素的删除、插入、替换操作
Array.slice()
Array.splice()
Array.split()


对每一个元素进行运算
Array.map()
Array.forEach()
Array.every(function)
Array.some(function)

在这里插入图片描述
在这里插入图片描述

1) 数组的every()和some()方法

JS中arr.every()和arr.some()的用法——返回true和false

在这里插入图片描述
在这里插入图片描述

2)arr.map( ) 、 arr.forEach()

JS中map()与forEach()的用法

在这里插入图片描述
在这里插入图片描述

可以利用map生成一个新的数组

var arr = ['a','b','c','d'];
var b = arr.map(function(item,index,arr){
    return item+'a';
}); 

console.log(b); //["aa", "ba", "ca", "da"]
var a = arr.forEach(function(item,index,arr){ 
    return 123
});
var b = arr.map(function(item,index,arr){
    return 123
}); 
console.log(a);    //undefined
console.log(b);    //[123,123,123,123]

在这里插入图片描述

3) 数组去重方法

数组去重方法

set数据结构

ES6之Array.from()方法
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4)slice、splice、split 三者的区别

slice、splice、split 三者的区别
对数组元素的删除、插入、替换操作

  2、splice
  splice是JS中数组功能最强大的方法,它能够实现对数组元素的删除、插入、替换操作,返回值为被操作的值。
  array.splice( startDelete, deleteCount,添加的元素)

  splice删除:  color.splice(1,2) (删除color中的12两项);

  splice插入:  color.splice(1,0,'brown','pink') (在color键值为1的元素后插入两个值);

  splice替换:  color.splice(1,2,'brown','pink')  (在color中替换12元素);

在这里插入图片描述

5) arr.fliter()

在这里插入图片描述

② 字符串函数

String:charAt(); charCodeAt(); indexOf(); match(); replace(); search(); slice(); 
toUpperCase(); toLowerCase(); 等方法

在这里插入图片描述

 slice(start,end)substring()substr() (不建议使用)都可返回字符串的指定部分
 var str="Hello happy world!"
document.write(str.slice(6,11))
  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值