JS二轮学习-3

字符串拼接

contact

数组=放在前面的数组.contact(放在后面拼接的数组)
得到的数组就是两个数组的拼接

join

slice

截取
join(start,end)
没有end默认到结尾

splice

可以对数组删除,插入,替换

var arr1 = ['bangbang','qiqi','yanniu','linlin'];
var remove1 = arr1.splice(1,2); //删除第三个开始,长度为2的数据
console.log(arr1)       //数组改变了  [ 'bangbang', 'linlin' ]

//向数组的第1个位置插入2个数据
var remove2 = arr1.splice(1,0,'闫妞',[1,2,3]);
console.log(remove1);   //返回删除的数据,[ 'qiqi', 'yanniu' ]
console.log(remove2);   //[]s
console.log(arr1)    //数组改变了[ 'bangbang', 'yanniu',[ 1, 2, 3 ], 'linlin' ]

//插入2项,删除1项
var remove3 = arr1.splice(1,1,'red','purple');
console.log(remove3);//[ 'yanniu' ]
console.log(arr1)   //[ 'bangbang', 'red', 'purple', [ 1, 2, 3 ], 'linlin' ]

indexof

定义
返回指定字符在原字符串中的第一个匹配项的索引。如省略第二个参数,则将从字符串的首字符开始检索。
可指定字符开始检索位置和指定长度的字符,若没有找到该字符,则返回 -1。
也可以判断数组中是否包含某个值。

var arr1 = ['bangbang','qiqi','yanniu','linlin'];
console.log(arr1.indexOf('bangbang')); //0;
console.log(arr1.lastIndexOf('bangbang');//3
console.log(arr1.indexOf(1)  //-1

数组

1、String.foreach,遍历
2、String.map,映射
3、String.filter,过滤
4、String.every,全部
5、String.some,单个
6、String.find,寻找
7、reduce,叠加

字符串

创建字符串

两种方法:字面量、构造函数

方法

1、charAT,索引
2、toUpperCase、toLowerCase,转换大小写
3、fromCharCode,二进制转字母
4、substr(n,n),截取
5、replace,替换
6、split,分割
7、contact,连接字符串
8、trim,去首尾空格

模糊查询
arr.filter(function(item){
var res
return item.indexof(“b”)|-1
})
console.log(res)

json格式字符串

var str
console.log(str)
var obj=JSON.parse(str)
console.log(obj)

模板字符串

var myhtml
< li>11111< /li>
< li>2222< /li>
< li>3333< /li>>
"kerwin"
var myname
var str = my name is ${myname}
document.write(str)

数字方法

number tofixed,保留小数位

math
math.radom,生成随机数
math.round,四舍五入
math.floor,最近整数
math.abs,绝对值
math.sqrt,平方根
math.pow,交错求和
math.max,最大值
math.min,最小值
math.pi

时间对象

date,获取时间
new date()在不传递参数的情况下是默认返回当前时间,在传入参数时,获取一个传进去的时间

定时器
settimeout
在设定的时间后执行函数

浏览器

bom

浏览器对象模型

浏览器尺寸

innerheight,innerwidth

浏览器弹出层

alert/confirm

浏览器地址栏

location.herf

浏览器刷新

window.location.reload


//每五秒刷新一次
window.location.reload();//刷新当前页

浏览器事件

常见事件:鼠标事件、键盘事件、框架/对象事件、表单事件、剪切板事件、打印事件、拖动事件、多媒体事件、动画事件、过渡事件
详情见于this

浏览器滚动距离

onscroll,滚动事件

scrollto(x,y),用于回到(x,y)坐标
scrooltop
scroolleft

打开、关闭标签页

window.open
window.close

历史记录

history
history.back,退历史记录
history.forword,上历史记录

本地存贮

localstorage
sessionstorage

模板

全选模板




    
    
    
    Document



    
你的爱好运动是?全选/全不选
足球 篮球 羽毛球 乒乓球

添加删除




    
    
    
    Document




    
    
    
    
    
    
    
    



页面渲染




    
    
    
    Document
    
    


    

你可能感兴趣的:(javascript,学习,前端)