初步学习js

xiaoxiao2021-02-28  71

js的初步学习

自定义变量命名规范

1 不能以数字开头; 2 不能使用js的关键字和保留字; 3 以字母,下划线, $,开头是允许的; 4 变量命名有意义。

获取dom元素的两个方法

1 getElementId() 2 getElementsTagName()

输出方式

var a=”xxx”; 1 alert(a); //弹出 2 document.write(a); //网页向文档中输出内容 3 console.log(a); //输出到控制台 注:a 拼接字符串,用“+”连接; b字符串用“”括起来。

大小写转化

var a=“abcd” document.write(d.toUpperCase()); //ABCD var b=”ABCD” document.write(d.toLowerCase()); //abcd

字符串与字符编码

var a =”zvzcb” string.fromCharCode( ); //把字符编码转化为字符 a.charCodeAt(); //把字符转化为字符编码 a.indexOf(“v”); //字符串中特定元素(v) 的位置 a.indexOf(“v”,1); //从第1位 开始往后找v的位置

substring与slice的截取

substring

var A=”xxx”; document.write(A.substring(a)); //此处的a表示在A中截取a个字符 document.write(A.substring(a,b)); //有两个参数代表从第一个参数开始,截取到第二个参数的位置 document.write(A.substring(-a,b)); //当第一个参数为负数,那么自动转化为0,即从第一个字符开始。若第二个字符为负数,就会自动与第一个参数交换位置,并且转化为0

slice

document.write(A.slice(a)); //一个参数代表从第几位截取,若参数为负数,则代表从字符串的后面起截取a个 document.write(A.slice(a,b)); //2个参数代表从第a位截取到b位

split分隔

var a=”www.baidi.com” document.write(a.split(“.”)); //用某个字符分隔原始字符串,分隔后将原始字符串转化为数组,然后通过数组下标的形式访问某个数组成员; document.write(a.split(“”)); //若未明确字符串以某个分隔符来分隔,那么该方法中空字符串就代表将原始字符串的每一项切割成数组项 document.write(a.split(“-“,n)); //第二个参数表示分隔后的数组保留几个成员

数组

数组创建方式

以对象方式创建

var arr1=new Array(); arr1[0]="哈哈哈"; arr1[1]="啦啦啦"; arr1[50]="那那那"; alert(arr1.length) alert(arr1[1]) alert(arr1[5])

以字面量方式创建

var arr2=["abv",2,3,["avcsad",4,45]]; alert(arr2.length) alert(arr2[0]) alert(arr2[1]) alert(arr2[3][0])

数组的拼接concat与join

concat

var arr3=[1,2,3]; var arr4=[1,2,3]; alert(arr3.concat(arr4))

join

var arr5=[1,2,3]; alert(arr5.join("%")); var pinjie=arr5.join("%"); alert(typeof pinjie) //object

删除添加元素

var arr6=[4,5,6,7]; alert(arr6.pop()) //删除最后一个元素 4,5,6 alert(arr6.shift()) //删除第一个元素 5,6,7 alert(arr6.push(1,10)) //在数组后面添加一个或多个元素 4,5,6,7,1,10 alert(arr6.unshift(5,7)) //在数组前面添加元素 5,7,4,5,6,7

sort排序

function add(a,b){ return a-b; } //升序(负数) function jian(a,b){ return b-a } //降序(正数) var arr7=[1,44,6,2,6,8,46,654,3,44,66,44] document.write(arr7.sort(add)+"</br>") document.write(arr7.sort(jian))

翻转数组

var arr8=[1,3,5,7] document.write(arr8.reverse()) //7,5,3,1

数组最大最小值

var arr9=[-5,32,5,2,-6] function max(arr){ var maxNum=arr[0]; for(var i=1;i<arr.length;i++){ if(maxNum<arr[i]) { maxNum=arr[i]; } return maxNum; } } document.write(max(arr9)); //32 var arr10=[-5,32,5,2,-6] function max(arr){ var maxNum=arr[0]; for(var i=1;i<arr.length;i++){ if(maxNum>arr[i]) { maxNum=arr[i]; } return maxNum; } } document.write(max(arr10)); //-6

splice

var arr11=[6,3,6,2,9] alert(arr11.splice(1,2)) //从下标为1的元素起删除两个元素,返回所删除的元素 alert(arr11) alert(arr11.indexOf(3)) //找出下标为3的元素 for(i=arr11.length-1;i>=0;i--){ alert(arr11[i]) }

prompt

var age1=prompt("请输入小李年龄") var age2=prompt("请输入小王年龄") var age3=prompt("请输入小张年龄") var str=[ ] str.push(age1) str.push(age2) str.push(age3) function max(ar2){ var maxNum=ar2[0] for(i=1;i<str.length;i++){ if(maxNum<ar2[i]){ maxNum=ar2[i] } } return maxNum } document.write(max(str))

简单的排序(三元表达式)

var arr12=[1,3,5,0,6,-1,-5] function compare(a,b) {return a>b?1:-1;} document.write(arr9.sort(compare))
转载请注明原文地址: https://www.6miu.com/read-71516.html

最新回复(0)