04 Javascript的数据类型 数组 函数
javascript:包含ECMAscript DOM BOM
描述了以下内容：
语法 类型 语句 关键字 保留字 运算符 对象
引入方式：
<script>
alert(123)
</script>
//另一文件
<script src="test.js"></script>
基础规范：
每行结束加分号
//单行注释
/*
*/多行注释
变量应遵守以下某条著名规则：
camel标记法：
首字母小写 接下来的字母都是大写 such as
myTestValue
pascal标记法：
首字母大写 接下来的字母都大写开头
MyTestValue
匈牙利类型标记法
在以pascal标记法命名的变量前附加一个小写字母
说明该变量的类型例如 i表示整数 s表示字符串
iMyTestValue
基本数据类型：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<script src="tsets.js"></script>--> </head>
<body> <script>
// alert(123) /* var x ;
x=12 ;
y=12 ;
x=15 ;
// alert(x)
console.log(x);
console.log(y); var name ="cunzhang", age=28 */ // myFirstName="刘"
// MyFirstName="刘" // function f() {
// console.log(123)
// } //
// if (2>1){
//
// } // console.log(true+1);
// console.log(false+1);
//
// if(1){
// alert(111)
// }else {
// alert(222)
// }
//
//
// var x;
// console.log(x); // function f() {
// document.write("<h1>hello Yuan!</h1>")
// }
// console.log(typeof f()) // Undefined:undefined //null:null 针对对象 // console.log("hello"+2);
// console.log("hello"+true);
// console.log(2+true);
// console.log(parseInt(6.9234454)); //NAN: not a number,属于Number的一种 // console.log(parseInt("hello")); //NAN
// console.log(parseInt("123")); //123
// console.log(parseInt("123abc"));//123
// console.log(parseInt("abc1234"));//NAN //typeof :区分基本数据类型 // console.log(typeof 123);
// console.log(typeof "hello");
// console.log(typeof true);
// console.log(typeof null);
// console.log(typeof undefined);
//
// console.log(typeof [12,3,4]); //两个object
// console.log(typeof {"name":"123"}); //++i --i i++ i--
var i=10;
// i++;
// console.log(i) // console.log(i++)
// console.log(++i) // var n=NaN;
//
// console.log(n>5) ;//
// console.log(n<5) ;//
// console.log(n==5) ;//
// console.log(n==NaN) ;//NAN只要参与比较，布尔值一定是false,除非！=
// console.log(n!=NaN) ; //逻辑运算符
// console.log("hello" && 4)
// if("hello" && 4){
//
// } // console.log(2==2);
// console.log("2"==2);
// console.log(2==="2") // console.log(3>20);
// console.log(3>"20");
// console.log("3">"28")
</script>
</body>
</html>
控制语句与循环:
// if else
// var name = 'alex'
// if(name == 'lijie'){
// alert('俗气')
// }else if(name == 'zhichao'){
// alert('洋气')
// }
// else {
// alert('this is alex')
// } switch: var week = '999'
switch (week) {
case 'Monday':alert('周一');break;
case 'Tuesday':alert('周2');break;
case 3:alert('周3');break;
case 4:alert('周4');break;
case 5:alert('周5');break;
case 6:alert('周6');break;
case 7:alert('周日');break;
default:alert('nothing');break;
} for循环：
for (var i=0; i<; i++){ //初始化条件 结束条件 执行
document.write('welcome'+i+'<br>')
} var attr = [111,222,333] for (var i=0;i<attr.length;i++){
document.write(i);
document.write(attr[i]);
document.write("<br>")
} for (i in attr){
document.write(i);
document.write(attr[i]);
document.write("<br>")
}
遍历标签：
<script>
var eles_P = document.getElementsByTagName('p')
console.log(else_P) for (var i = 0; i<eles_P.length;i++){
console.log(i);
console.log(eles_P[i]);
}
</script>
<p>hello p1</p>
<p>hello p2</p>
<p>hello p3</p>
<p>hello p4</p>
while循环：
var x=0;
var i =1;
while (i<=100){
x+=i;
i++;
}
console.log(x)
异常：
try{
console.log(123);
throw Error(undefined)
}
catch(e){
console.log(e)
}
finally{
console.log('finally')
}
字符串：
//创建字符串对象两种方式
// var str1="hello"; // var str2=new String("hello2");
//
// console.log(typeof str1);
// console.log(typeof str2); //字符串的属性
// console.log(str1.length);
// // 字符串的方法
// //编排方法
// console.log(str1.italics()); // <i>hello</i>
// console.log(str1.bold()); // <i>hello</i>
// console.log(str1.anchor()); // <i>hello</i>
//查询字符串索引
// var str="welcome to the world of JS!";
//
// var str2=str.indexOf("l");
// var str3=str.lastIndexOf("l");
// alert(str2);
// //结果为2
// alert(str3);
// //结果为18 // substr substring
// console.log(str1.substr(1,3));
// console.log(str1.substring(1,3)); // console.log(str1.slice(1,4));
// console.log(str1.slice(-3,-1)) //编排方法
//截取方法
console.log(strl.substr(1,3))
console.log(strl.substring(1,3))
//str.slice()
console.log(strl.slice(1,4)) //相当于切片 主要
str1.replace('aa','o')
//addstr connect~~~
数组：
// //创建方式
// var arr1=[1,"hello",[11,2],{"name":"Yuan"}];
// var arr2=new Array(3);
// var arr3=new Array(1,"world",true,[1,2,3]);
//
// console.log(typeof arr1);
// console.log(typeof arr2);
// console.log(typeof arr3);
//
// // 注意： var arr4=new Array(10) 10是size
// console.log(arr1.length); //Array对象的方法
//join方法
// var arr5=[1,2,3,4,"1234"];
// var ret=arr5.join("**");
// console.log(ret);
// console.log(typeof ret) //toString()
// var ret2=arr1.toString();
// console.log(ret2);
// console.log(typeof ret2); //concat()
// var arr5=[1,2,3];
// var ret3=arr5.concat([5,66]);
//
// console.log(ret3);
// console.log(typeof ret3);
//reverse()
var arr = [23,45,37]
console.log(arr.reverse())
console.log(arr.sort()) //大小排序 比较最高位 function f(a,b){
if (a>b){
return 1; }
else if (a<b){
return -1;
}
else{
return 0;
}
}
// or缩减版
function f2(a,b){
return a-b;
}
console.log(arr.sort(f2)) //若按自然数大小 需自定义函数
//删除子数组
//删除and插入 splice and tostring？？ //进出栈
栈操作 先进先出 后进后出~~
//push and pop 栈操作
var arr = [1,2,3];
arr.push([7,8,0]);
console.log(arr);
console.log(arr.length); console.log(arr.pop());
console.log(arr.length); //shift unshift 在前面插入和删除
var arr = [4,5,6];
arr.unshift([11,222]);
console.log(arr)
console.log(arr.length) arr.shift()
console.log(arr)
console.log(arr.length)
函数对象：。。。。。待续
04 Javascript的数据类型 数组 函数的更多相关文章
- javascript之Array()数组函数讲解
Array()是一个用来构建数组的内建构造器函数.数组主要由如下三种创建方式: array = new Array() array = new Array([size]) array = new Ar ...
- javascript中常用数组函数
1.split方法——通过分隔符,将字符串分割,导出字符数组 常用于:分割IP地址,分割文件路径(上传文件时)等等 <!DOCTYPE html PUBLIC "-//W3C//DTD ...
- 探究javascript对象和数组的异同，及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- JavaScript进阶系列02,函数作为参数以及在数组中的应用
有时候,把函数作为参数可以让代码更简洁. var calculator = { calculate: function(x, y, fn) { return fn(x, y); } }; var su ...
- JavaScript变量、数据类型、函数
#转载请留言联系 说在前面: JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定. JavaScript语句的末尾用 ; 结束.空格没有特殊意义. 1.JavaScr ...
- Javascript作业—封装type函数，返回较详细的数据类型
Javascript作业—封装type函数,返回较详细的数据类型 思路: 1 取typeof的值,如果是数字.函数等非对象类型,直接取类型 2 如果是object类型,则调用Object.protot ...
- javascript函数一共可分为五类： ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数
javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个 ...
- [转] 有趣的JavaScript原生数组函数
在JavaScript中,可以通过两种方式创建数组,Array构造函数和 [] 便捷方式, 其中后者为首选方法.数组对象继承自Object.prototype,对数组执行typeof操作符返回‘obj ...
- JavaScript原生数组函数
有趣的JavaScript原生数组函数 在JavaScript中,可以通过两种方式创建数组,构造函数和数组直接量, 其中后者为首选方法.数组对象继承自Object.prototype,对数组执行typ ...
随机推荐
- [工作积累] UE4 并行渲染的同步 - Sync between FParallelCommandListSet & FRHICommandListImmediate calls
UE4 的渲染分为两个模式1.编辑器是同步绘制的 2.游戏里是FParallelCommandListSet并行派发的. mesh渲染也分两类,static mesh 使用TStaticMeshDra ...
- NFC 大电池 高性价比手机
NFC 大电池 高性价比手机三星 Galaxy A60元气版 黑瞳全视屏 3200万超广角拍照手机 骁龙675 6GB+64GB 丹宁黑 全网通4G 双卡双待 1499 https://item.jd ...
- 弄懂Kafka的消息流转过程
原文地址:https://www.cnblogs.com/chanshuyi/p/quick_start_of_kafka.html 大家都知道 Kafka 是一个非常牛逼的消息队列框架,阿里的 Ro ...
- 【转】Python高级知识点总结
一.可迭代对象.迭代器对象和生成器 像list, tuple等这些序列是可以使用for...in ...语句来进行遍历输出的.这是为什么呢?这就需要知道可迭代对象(Iterable).迭代器对象(It ...
- delphi 多线程之System.TMonitor
三天不写代码就手生! 把测试代码记录下来. unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, S ...
- 记录一次MyEclipse打开jsp文件出现Error的解决办法
今天正在忙着写项目,在打开一个项目内的jsp文件时发现我亲爱的代码消失了. 最后从网上找到了解决办法,希望可以帮到有需要的人,也作为个人记录 第一步:找到安装路径MyEclipse\configura ...
- vue 深拷贝
Vue.set(row,'isEdit',true); let newRow = JSON.parse(JSON.stringify(row)); this.totalData.push(newRow ...
- monitor.sh
#!bin/bash message_counts="" succeed_counts="" all_succeed_counts="" f ...
- 作业-haproxy配置文件的增删查（有一个bug不知道咋改）
# yangqiao #查询 ''' f=open("C:\\aaaaaaaaaaaaa\\haproxy.txt", "r", encoding=" ...
- idea 的方法上面注释在格式化后换行问题
通过/**生成的方法上面的模板样式是: /** * 楼盘 * @param build * @return */ 格式化代码后是: /** * 楼盘 * * @param build * @retur ...