这次的这篇文章向大家分享的内容是关于js的引用类型,有需要的朋友们可以看一下
引用类型的值(对象)是引用类型的一个实例,,在js 里引用类型是一种数据结构,通常被称为类,es6貌似加了类这个概念,
1:object是一个基础类,其他所有类型都从object继承了基本行为,
js在使用typeof 方法时,Array 也是返回object,可以用 isArray()来判断是不是Array类型
2.Array类型
改变原数组的方法即改变原型链上的初始数组
push():在数组末尾添加数组元素,返回新的数组长度
pop():删除数组的最后一项,返回被删除项
shift():删除数组第一项,返回被删除项
unShift():在数组前端增加数组元素,返回数组长度
reverse():反转数组顺序
sort():数组的排序方法,会调用数组每项的toString(),用于比较,所以成了字符串的比较,最好传给其一个比较函数
比如:
function compare(value1,value2){ if(value1<value2){ return -1; }else if(value1>value2){ return 1; }else{ return 0; } }
如果都数值类型的可以传一个较为简单的额函数
function compare(value1,value2) { return value2-value1; }
concat():讲接收到的参数添加到数组末尾,返回新的数组
splice():返回删除项,如果没有,则返回空数组
可以利用splice()进行数组的删除,添加,添加
删除:splice(0,2)删除数组前两项
添加:splice(2,0,"red","green")在Array[2]后插入 "red","green"两项
替换:splice(2,1,"red")将Array[2]替换成"red"
以上的方法都会改变原数组
以下的方法不会改变原数组
slice(0,2):返回数组前两项
数组的迭代方法every(),filter(),forEach(),map(),some()
他们的参数都是一个函数
(item,index,array) =>{ }
其中every()和some()返回true or false
filter()返回满足传入函数的数组元素,
forEach()没有返回值,
map()返回调用函数后的数组
归并方法:reduce()和reduceRight()
从左到右遍历数组每一项,redeuceRight()则从右到左
接受两个参数,一个函数,一个初始值(可选)
例如:
let values=[1,2,3,4] let sun=values.reduce((prev,cur,index,arr)=>{ return prev+cur },0)
function类型
函数名实际上也是指向函数对象的指针,与指向对象的变量名没有什么区别
改变函数内部的this指向
call(),apply()和bind()
其中call 和apply最重要的时扩充函数赖以运行的作用域
比如
window.color="red" let o={color:"blue"} function sayColor() { alert(this.color) } sayColor.call(this)//red sayColor.call(window)//red sayColor.call(o)//blue
bind()会创建一个函数的实例,其this值会指向被绑定到传给bind()函数的值
bind(谁),函数this就指向谁
基本包装类型
js给string ,num等创造了对应的基本包装类型,所以才能调用一些方法
string方法
charAt(1):返回位置”1“的字符
charCodeAt(1):返回位置”1“的字符编码
concat()链接字符串,不过多用的是”+“
slice(start,end):截取字符串,end不传,默认到结束位置,参数为负数,转为(字符长度+负数)
substr(start,length) :截取字符串,length不传,默认到结束,参数为负数转为(字符长度+负数)
substring(start,afterend):afterend不传,默认到结束,负数转为0,会将较小的数字作为开始位置
trim():删除字符串前后空格
split(",")以”,“分割成数组
split(",",2)取分割后数组的前两项
Math 方法
Math.ceil():向上取整
Math.floor():向下取整
Math.round():四舍五入
//说在最后:以上可能不全,大都是我自己印象不太清楚的东西
Atas ialah kandungan terperinci js 的引用类型 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!