博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS自学笔记05
阅读量:7032 次
发布时间:2019-06-28

本文共 3323 字,大约阅读时间需要 11 分钟。

JS自学笔记05

1、例题

产生随机的16进制颜色

function getColor(){
var str="#";var arr=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];for(var i=0;i<6;i++){var num=parsenInt(Math.random()*16)str+=arr[num];}return str;}

2、Date

1)构造函数
这里写图片描述

var dt=new date();console.log(dt);//将返回当前时间//可传入时间var dt=new date("2017-08-23");var dt=Date.now();//当前的毫秒数

2)部分常见方法请查阅手册

toDateString();//英文的格式
toLocalDateString();//数字格式
toTimeString();//小时分钟秒.
toLocalTimeString()

3)格式化日期并封装

function getDate(dt){/***获取指定格式的时间*@param dt 日期的对象*@returns {string}返回的是字符串时间**/var year=dt.getFullYear();var month=dt.getMonth();var day=dt.getDate();var hour=dt.getHour();var min=dt.getMinutes();var sec=dt.getSeconds();return year+"年"+。。。}console.log(getDate(new Date()));

3、字符串

1)
string-字符串类型-基本类型
String-字符串类型-引用类型
js中不存在字符类型如char。字符串可以看作一个字符数组:

var str="hello";for(var i=0;i

字符串具有不可变性,仅指值。不可通过索引修改

2)方法(变量名.)
.length 长度
.charAt(index) 从一个字符串中返回指定索引处的字符
String.fromCharCode(num1,num2,…)参数列表中的序列表示的是Unicode值
返回指定的unicode值序列创建的字符串
.concat(str1,str2,str3,…)
将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回
.这里写图片描述
.lastIndexOf(str)
从后往前找
这里写图片描述
这里写图片描述

str2=str1.replace("cc","xx");//在str1中用xx代替cc并用str2接收,原字符串不变

.slice(beginSlice[,endSlice])

提取一个字符串的一部分,并返回一串新的字符串。包左不包右
.split([separator[,limit]])
指定分隔符分割一字符串,limit是指切割后留下的个数
这里写图片描述

这里写图片描述

.toLocaleLowerCase()
将调用的字符串转为小写
toLocaleUpperCase()
转大写
.trim()
去空格
这里写图片描述

//案例:统计某一字符串中各字母出现了几次把字母作为键,次数作为值,添加到对象中,之后遍历即可var str3=...;//第一步:把全部字母变成小写str3=str3.toLowerCase();//第二步:创建一个空对象,目的是把字幕作为键,次数作为值var obj={};//遍历字符串,获取每个字母  for(var i=0;i

3、Array对象

数组也是对象
如何判断变量是不是数组类型:
–instanceof
var obj={};//如果是中括号则返回true
console.log(obj instanceof Array);//false
–Array.isArray(变量名或值)
用于确定传递的值书否为一个Array
1)构造函数
var arr1=new Array();
字面量的方式
var arr2=[];
2)方法:
Array.from(arr);

var newArr=Array.from(["1","2","3"]);//将生成数组["1","2","3"]

.concat(数组1,数组2…)

拼接数组
.every(callback[, thisArg])
测试数组的所有元素是否通过了指定函数的测试,返回布尔类型。callback处为一回调函数,被调用时传入3个参数:元素值,元素的索引,原数组

var arr=[1,2,3,4,5];var x=arr.every(function (a,b,c){
//console.log(arguments.length);//可得知callback函数所需参数的数目是3个return a>3;//当数组内所有元素的值都大于3时才返回true})

.filter(函数)

创建一个新数组,该数组的元素时原数组中符合函数规定条件的元素

var arr=[1,2,3,4,5];var newArr=arr.filter(function(ele){
return ele>40;});

arr.push(值);将值添加到数组最后边

arr.pop();删除数组中的最后一个元素,返回值就是删除值
arr.shift();删除数组中第一个元素,返回值 就是删除值
arr.unshift(值);向数组的第一个元素之前插入一元素,返回的是插入的数据

.forEach(函数);该方法对数组的每个元素执行一次提供的回调函数。用于遍历数组。注意:回调函数总是有三个参数currentValue当前值,index(索引),array(正在操作的数组)

var arr=[1,2,3,4];arr.forEach(function(ele,index){
console.log(ele+index);});//低版本浏览器不支持

.join(“字符”);

向数组中添加各元素间的分隔符
.map();
创建一个数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果
var numbers=[1,4,9];
var roots=number.map(Math.sqrt);
console.log(roots);//返回[1,2,3]
.reverse()
反转数组
.sort()

var arr=[1,6,3,5,2,4,7,9,3];arr.sort(function(a,b){
//a相当于冒泡排序中的a[j]//b相当于冒泡排序中的a[j+1]if(a>b){return 1;}else if(a==b){retuen 0;}else{return -1;}});//固定写法

数组元素排序,参数列表可有一个函数,作为排序规则

.slice(start,end)

返回一个从开始到结束选择的数组的一部分浅拷贝到一个新数组的对象
.splice()
通过删除现有元素和/或添加新元素来更改一个数组的内容
这里写图片描述

4、基本包装类型

普通变量不能直接调用属性和方法,对象可以直接调用属性和方法
基本包装类型本身是基本类型,但在执行代码的过程中,如果这样的变量调用了属性或是方法,则这种类型就不再是基本类型了,而是基本包装类型,这个变量也不是普通的变量了,而是基本包装类型的对象。
string,number,boolean既是基本类型,也是基本包装类型

var num=10;console.log(num.toString());对象&&true;//返回truetrue&&对象;//返回对象var num=10;//基本类型var num2=Number("10");//仅类型转换,基本类型var num3=new Number("10");//基本包装类型

转载于:https://www.cnblogs.com/Tanqurey/p/10485296.html

你可能感兴趣的文章
HTML5和CSS3工具资源汇总
查看>>
页面加载时间优化笔记
查看>>
代理ARP--善意的欺骗
查看>>
聪明人用方格笔记本-读书笔记
查看>>
angular 表单操作
查看>>
zrender源码分析--初探如何画一个圆
查看>>
Windows Push Notification Server Side Helper Library
查看>>
JavaScript ajax请求
查看>>
缓冲区溢出漏洞实验
查看>>
软工概论第九周总结
查看>>
C#默认OrderBy()函数的排序问题
查看>>
17--在rails中使用scss
查看>>
python基本数据类型
查看>>
并行计算结课论文边写边总结2
查看>>
程序访问网络报java.net.ConnectException:/127.0.0.1:8080-Connection refused的解决方法
查看>>
Chrome 扩展插件开发
查看>>
【翻译】在Visual Studio中使用Asp.Net Core MVC创建第一个Web Api应用(二)
查看>>
如何为workflow单据类型定义一个form属性,在notify中通过这个属性打开表单
查看>>
使用jquery-tmpl使JavaScript与HTML分离
查看>>
Prototype 原型模式(转)
查看>>