JS面试题（三）

一、JS字符串操作函数

concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。

indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。

charAt() – 返回指定位置的字符。

lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。

match() – 检查一个字符串是否匹配一个正则表达式。

substr() 函数 -- 返回从string的startPos位置，长度为length的字符串

substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。

slice() – 提取字符串的一部分，并返回一个新字符串。

replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。

search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。

split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。

length – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。

toLowerCase() – 将整个字符串转成小写字母。

toUpperCase() – 将整个字符串转成大写字母。

二、数组中的常用方法

isArrary() 判断参数是不是数组，返回布尔值-----Array.isArrary()

var arrs = [1, 2, 3, 13, 1]
    if (Array.isArray(arrs)) { //该方法返回一个布尔类型函数---true/false
        console.log(`arrs该参数是一个数组`) //返回该结果
    } else {
        console.log(`该参数不是一个数组`)
    }

var arr = 1
    if (Array.isArray(arr)) { //该方法返回一个布尔类型函数---true/false
        console.log(`arr该参数是一个数组`)
    } else {
        console.log(`该参数不是一个数组`) //返回该结果
    }

//当自定义参数是数组时，清空数组中的值---自定义参数名=[]
var arrs = [1, 2, 3, 13, 1]
    if (Array.isArray(arrs)) { //该方法返回一个布尔类型函数---true/false
        console.log(`arrs该参数是一个数组`) //返回该结果
        arrs = []
    } else {
        console.log(`该参数不是一个数组`)
    }

 toString() 把数组转成字符串------数组名.toString–对象类型数组不能直接转换

//toString() 将数组转化为字符串
var arrs = [0,1,0,1,0,52]
console.log(arrs.toString())//0,1,0,1,0,52
//相当于
console.log(`${arrs}`)//0,1,0,1,0,52

valueOf()
返回数组本身-----数组名.valueOf()

//valueOf()  返回数组本身
var arrs = [0,1,0,1,0,52]
console.log(arrs.valueOf())//Array(6)

push()和unshift()

数组名.push():在数组末尾添加元素

数组名.unshift():在数组开头添加元素

var nums = [1]
//push()---在数组末尾进行添加
nums.push(2)
console.log(`${nums}`)//1 2
//unshift()---在数组开头进行添加
nums.unshift(0)
console.log(`${nums}`)//0 1 2

pop()和shift()

数组名.pop()—删除数组末尾的值，并返回删除的值

pop()和shift() 数组名.pop()—删除数组末尾的值，并返回删除的值

数组名.shift()—删除数组第一个的值，并返回删除的

var arrs = [1,2,3,4]
//pop()---删除数组末尾的值，并返回删除的值
console.log(arrs.pop())	 //4
//shift()---删除数组第一个的值，并返回删除的值
console.log(arrs.shift())//1
console.log(`${arrs}`)//2,3

 reverse()

数组名.reverse(): 翻转数组

var arrs = ['刘备','张飞','关羽','赵云','黄忠','马超']
console.log('翻转前')
console.log(arrs.toString())//-------刘备,张飞,关羽,赵云,黄忠,马超			

//reverse() 翻转函数-----
console.log('翻转后')
console.log(arrs.reverse().toString())//-------马超,黄忠,赵云,关羽,张飞,刘备

 join(‘符号’)

数组名.join(‘分割符号’)----以所用的符号对数组进行拼接方法

var arrs = ['刘备','张飞','关羽','赵云','黄忠','马超']
//join('符号')-------以所给的符号对数组进行拼接
console.log(arrs.join('☀'))//以☀符号对数组进行拼接-----刘备☀张飞☀关羽☀赵云☀黄忠☀马超

 sort()

数组名.sort()----排序

var nums = [15,56,44,2,36]
console.log(nums.sort(function(a,b){//输出从小到大
    return a-b
}).toString())//2 15 36 44 56
console.log(nums.sort(function(a,b){//输出从大到小
    return b-a
}).toString())//56 44 36 15 2

concat

数组名.conta(数组名1)把多个数组拼接成一个数组 并且不影响原有的数组

数组名.conta(数组名1,…数组名N)把多个数组拼接成一个数组 并且不影响原有的数组

注意：参数可以是一个也可以是多个

var a = [1, 2, 3]
var b = [4, 5, 6]
var c = [7, 8, 9]
console.log(a.concat(b))//[1,2,3,4,5,6]
console.log(a.concat(a, b))//[1,2,3,4,5,6,7,8,9]
console.log(a)//[1,2,3]
console.log(b)//[4,5,6]
console.log(c)//[7,8,9]

slice()

数组名.slice()：根据参数截取里面参数

说明如下：

slice(开始索引值，结束索引值) 数组截取（下标）包括左边不包括右边 如果第二个数是正数， 返回从开始位置到结束的位置（但不包括最后结束的位置） 如果第二个数是负数，返回的是开始位置到结束位置减一 如果第二个数是0或者两个数都是负数，则返回[]

var nums = [1,2,3,4,5,6,7,8,9]
console.log(nums.slice(0,4))//1,2,3,4   
console.log(nums.slice(2))//3,4,5,6,7,8,9
console.log(nums.slice(2,nums.indexOf(6)))//3,4,5
console.log(nums.slice(2,0))//[]
console.log(nums.slice(2,-1))//3,4,5,6,7,8
console.log(nums.slice(2,-2))//3,4,5,6,7

indexOf和lastIndexOf

数组名.indexOf():某个元素从左到右第一次出现的下标

数组名.lastIndexOf：某个元素从左到右最后一次出现的下标

var nums = [1,5,1,16,56,6,5,66]
var index = nums.indexOf(5)
console.log(index)//1

index = nums.lastIndexOf(5)
console.log(index)//6

find()和findIndex()

数组名.find():查找数组中满足条件的第一个元素，返回该元素,没找到输出undefinded

数组名.findIndex():查找数组中满足条件的第一个元素，返回该元素下标,没找到输出-1

//find------找到是否存在值,找到输出查询的元素,没找到输出undefinded
var nums = [15,56,44,2,36]
var a = nums.find(function(v){
    return v == 15
})
console.log(a)//0
//findIndex------找到是否存在值的下标,找到输出元素的下标,没找到输出-1
a = nums.findIndex(function(v){
    return v == 15
})
console.log('下标是:'+a)//下标是：0

 includes()

数组名.includes():判断数组是否包含某个元素，不用回调函数（不用函数作为参数）不包含返回false

var nums = [15,56,44,2,36]
if(nums.includes(15)){
    console.log('包含')//包含
}else{
    console.log('不包含')
}

 map()

数组名.map(function(v,index,arr){ }):返回原来的数组操作之后的数据

//给每个员工涨工资1000
var arrs = salary.map(function(v){
    return v*2
})
console.log(salary.toString())//1500 1200 2100 1800
console.log(arrs.toString()) //3000 2400 4000 3600

every()和some()

数组名.every()—全部满足条件 全部都满足则返回true,否则返回false 相当于&&

数组名.some()—只要有一个满足就返回true 全部都不满足则返回false 相当于||

           var people = [	{name: '赵俊',age: 18,year: 1,salary: 8000},
				{name: '张三',age: 18,year: 2,salary: 4000},
				{name: '李四',age: 18,year: 3,salary: 6000},
				{name: '王麻子',age: 18,year: 4,salary: 3000},
				{name: '刘辰',age: 18,year: 6,salary: 2200}
				
           //every()---全部都  全部都满足则返回true,否则返回false
            var a = people.every(function(v){
                return v.salary >2000
            })
            if(a){
                console.log('公司所有人工资都大于2000')//公司所有人工资都大于2000
            }else{
                console.log('公司有人工资小于2000')
            }
            //some()---只要有一个满足就返回true  全部都不满足则返回false
            a = people.some(function(v){
                return v.age <18
            })
            if(a){
                console.log('公司有人未满十八')
            }else{
                console.log('公司所有人都是十八岁及以上')//公司所有人都是十八岁及以上
            }

reduce()

数组名.reduce(function(返回值，元素，下标，当前数组){},返回值的初始值)

reduce()方法接收一个函数累加器,数组中的每个值(从左到右)开始缩减,最后累计为一个值

var nums = [1, 2, 3, 4, 5, 6, 7, 8, 9]
			var sum = nums.reduce(function(tatol, v) {
				return tatol + v
			},0)
			console.log(sum) //45

 二维数组转一维数组

nums[
    [1,2,3],
    [4,5,6],
    [7,8,9]
]
var arrs = nums.reduce(function(nums2,i){
    return nums2.concat(i)
},[])
console.log(arrs.toString())// [1,2,3,4,5,6,7,8,9]

统计一个数组中有多少个不重复的单词

var arr = ["apple","orange","apple","orange","pear","orange"];

function getWordCnt(){
  return arr.reduce(function(prev,next){
    prev[next] = (prev[next] + 1) || 1;
    return prev;
  },{});
}

三、怎样添加、移动、复制、创建和查找结点？

3.1建新节点

createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点

3.2添加、移除、替换、插入

appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入

3.3查找

getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id，唯一性

3.4复制

cloneNode() //复制节点