初步学习js
来源:互联网 发布:最优化方法 课本pdf 编辑:程序博客网 时间:2024/06/14 13:58
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))
- JS初步学习一
- JS初步学习
- 初步学习js
- js面向对象初步学习
- json2.js的初步学习与了解
- json2.js的初步学习与了解
- ags js api学习之dojo初步
- JavaScript学习第一节-JS初步及调试。
- html + css + js初步简单学习笔记
- Vue.js 学习(1) -- 初步了解
- node.js学习之路由初步
- node.js学习之读取文件初步
- node.js学习之写文件初步
- node.js学习之读取图片初步
- node.js学习之异常初步
- js与h5的结合,初步学习。
- json2.js的初步学习与了解(转)
- d3.js(Data-Driven Documents)数据可视化-----初步学习
- WordPress主题制作全过程(四):小试牛刀
- NoSQL之【Redis】学习(一):安装说明
- 解决AndroidStudio导入项目在 Building gradle project info 一直卡住
- Linux定时任务--crontab
- ElasticSearch 基本查询语法
- 初步学习js
- 手把手教你搭建SpringMVC——最小化配置
- 论文阅读:SSD: Single Shot MultiBox Detector
- 微信支付demo
- 内容提供者-contentprovider
- 【C++】【LeetCode】19. Remove Nth Node From End of List
- 二分法简要示例
- Vue-表单控件绑定
- OOAD面向对象分析与设计复习知识点总结