js内部类的分类



安装使用内部类的属性和方法的不同,我们主要分成两种,  
1. 动态类  先创建一个对象实例,然后再使用其属性和方法 
Array, String .. 
var arr=new Array();  //var arr=[1,45,90];

调用方法是   arr.push()...;

调用属性   arr.length;

2. 静态类  通过类名,就可以使用其属性和方法(Math) 
Math.random(); //php 静态方法 类名::静态方法名

3. 两种调用方式都有 
Number类 
<script type="text/javascript">   

 var num=new Number("12.3456"); 

//要四舍五入 

alert(num.toFixed(2));  

alert(Number.MIN_VALUE); 
</script>


Math类 

Math是静态类, 
abs(x)      返回数的绝对值

ceil(x)      对一个数进行上舍入

floor(x)     对一个数进行下舍入

max(x,y)  求x,y中较大的数

min(x,y)  求x,y中较小的数

round(x)  对 x进行四舍五入
random()  一个大于0小于1的16位小数位的数字(含0但是不含1)    
<script type="text/javascript">   

var a=90.1;  //ceil 向上取整
// window.alert(Math.ceil(a));  

//floor 向下取整 
// window.alert(Math.floor(45.99));  

window.alert(Math.round(Math.random()*100));

</script>


Date类
Date()      返回当前日期和时间
getDate()    从Date对象返回一个月中的某一天

getDay()     从Date对象返回一周中的某一天

getMonth()  从Date对象返回月份

getYear()  从Date对象返回年
getHours()  从Date对象返回小时数

getMinutes() 从Date对象返回分钟

getSeconds() 从Date对象返回秒数   

toLocaleString()
<script type="text/javascript">

//获取当前日期  var mydate=new Date();  

window.alert(mydate.toLocaleString());

//js dom   window.alert(mydate.getMonth()+1);  

</script>


String类
indexOf()      返回某个字符串值在该字符串中首次出现的位置

split()      把字符串分割为字符串数组 
substr()     提取取从start下标开始的指定数目的字符

substring()  提取字符串中介于两个指定下标之间的子串

charAt()  返回指定位置的字符 length 属性,可以得到字符串的长度
toString() js中所有内部对象的成员方法,作用是将对象中的数据转成某个格式的字符串

<script type="text/javascript">   

var txt="h韩llo中国"; 

//document.write(txt.indexOf("worldr")); 
// var arr=txt.split("");

// document.write(arr);  

//substri(start,length) 从start开始取,取出lenght个字符,如果不够取,则尽量的取   
// var sub=txt.substr(3,3);  

//stringObject.substring(start,stop) 从start开始取,取到stop-1 

//var sub=txt.substring(0,2);  

//charAt(index) 表示取出第几个字符 

//var sub=txt.charAt(3);  

//window.alert(sub);

//练习 输入文件全路径 获取文件名和后缀? 

var file_path="c:/abc/abc北京/helo/ll.exe";  

//思路 

var last_index=file_path.lastIndexOf("/");  

window.alert(file_path.substr(last_index+1));

</script>


Array类
Array提供了对数组的操作,使用Array对象可以轻松的创建数组, 并对数组进行删除、排序和合并等操作。 
concat()      连接两个或更多的数组,并返回结果。

sort() 对数组的元素进行排序 
toString()   把数组转换为字符串,并返回结果 

pop()  删除并返回数组的最后一个元素 
push()  向数组的末尾添加一个或更多元素,并返回新的长度

splice()     方法用于插入、删除或替换数组的元素 length 属性 
<script type="text/javascript"> 

//数组的创建  

var arr=new Array();

//静态设置数据 

arr[0]=23;  

arr[1]="浏览"; 

arr[2]=567; 

//动态的添加 
/* for(var i=0;i<3;i++)

{      arr[i]=window.prompt("请输入第"+(i+1)+"数");  }*/

//如何删除数组的某个元素   

//删除第2个元素->下标为1  //arr.splice(1,1);

//第一个1 表示删除第几个元素, 第二个1表示删除1个  

//修改第二个 "浏览"-> "小明"  //arr.splice(1,1,"小明");

//更新  

//把一个新的数据"北京",添加到第1元素后面 

//arr.splice(1,0,"北京");  

//遍历数组 

document.write("***********<br/>"); 

for(var key in arr)

{   document.write(arr[key]+"<br/>");  }  

</script>

上面这种遍历的经典案例是查看window下的所有函数:
<script type="text/javascript"> 

for(var key in window) 

document.write("<br/>"+key)  

</script>


案例

//**********对象数组的使用*************   function Person(name,age)

{     

this.name=name;  

this.age=age;  } 
/* var p1=new Person("曹操",45); 

var p2=new Person("刘备",40); 

var p3=new Person("孙权",30);  

var arr=new Array();  

p2.name="赵云";  

arr[0]=p1; 

arr[1]=p2; 

arr[2]=p2;  

//遍历 

for(var key in arr)

{     

var p=arr[key];  

window.alert(p.name);  }*/

结果显示是:曹操 赵云 赵云

另一个例子:
 var arr=new Array(); 

function addHero()

{     for(var i=0;i<3;i++)

{       

var name=window.prompt("请输入英雄的名字");   

var age=window.prompt("请输入英雄的年龄");   

var p=new Person("","");   

p.name=name;   

p.age=age;   

arr[i]=p; 

      }

  } 

addHero(); 

//遍历数组 

for(var key in arr)

{     

var p=arr[key];  

document.write("<br/>"+p.name);

 }

☞ js的函数间传递数据时候,按照什么来传递
基本数据类型 number boolean string 是按照值传递 数组和对象是 引用传递.


Number类
1. 请输出23的二进制字符串和16进制的字符串
2.   计算7/3的结果,并保留到小数点后两位(四舍五入) 
1. 请输出23的二进制字符串和16进制的字符串
2. 计算7/3的结果,并保留到小数点后两位(四舍五入)

*/  

var n1=23;//<==> var n1=new Number(23);  

window.alert(typeof(n1)); 

 window.alert(n1.toString(10));  
//toFixed();把一个数四舍五入到小数点的某一个位置.  

var n=7/3; 

window.alert(n.toFixed(4));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中的商品上下分类结构可以通过使用scroll-view组件和SelectorQuery来实现。具体步骤如下: 1. 在页面的wxml文件中,使用scroll-view组件创建一个可滚动的视图容器,设置其属性为vertical="true",表示垂直滚动。 2. 在scroll-view组件内部,创建左侧分类列表和右侧商品列表。 3. 使用SelectorQuery获取左侧分类列表和右侧商品列表的节点信息。 4. 监听scroll-view组件的滚动事件,当右侧商品列表滚动到顶部时,切换左侧分类的状态。 5. 当右侧商品列表的位置处于触顶并且包含顶部位置时,同样激活左侧分类的状态。 下面是一个示例代码: ```html <scroll-view class="container" scroll-y="true"> <view class="left-category"> <!-- 左侧分类列表 --> </view> <view class="right-goods"> <!-- 右侧商品列表 --> </view> </scroll-view> ``` ```javascript // 获取节点信息 const query = wx.createSelectorQuery() query.select('.left-category').boundingClientRect() query.select('.right-goods').boundingClientRect() query.exec(function(res) { const leftCategoryHeight = res[0].height const rightGoodsHeight = res[1].height // 根据节点信息进行相应的操作 }) // 监听滚动事件 wx.createIntersectionObserver().relativeToViewport().observe('.right-goods', function(res) { if (res.intersectionRatio > 0 && res.boundingClientRect.top <= 0) { // 右侧商品列表滚动到顶部,切换左侧分类状态 } }) ``` 请注意,上述代码仅为示例,具体实现方式可能因项目需求而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值