JS学习笔记

一、变量

一个变量，就是一个用于存放数值的容器。变量的另一个特性就是它们能够存储任何的东西 -- 不只是字符串和数字。变量可以存储更复杂的数据，甚至是函数。变量不是数值本身，它们仅仅是一个用于存储数值的容器。你可以把变量想象成一个个用来装东西的纸箱子。

声明变量

声明一个变量的语法是在var关键字之后加上这个变量的名字

var myName;
var myAge;

初始化变量

在变量名之后跟上一个“=”，然后是数值

myName = 'Chris';
myAge = 37;

var myName = 'Chris';

• 一般你应当坚持使用拉丁字符(0-9,a-z,A-Z)和下划线字符。
• 变量名不要以下划线开头
• 变量名不要以数字开头
• 变量名大小写敏感

var test = 6 > 3;
console.log(test);
VM487:1 true

变量类型

• Number

• String

• Array（数组）

　　　　数组是一个单个对象，其中包含很多值，方括号括起来，并用逗号分隔

var myNameArray = ['Chris', 'Bob', 'Jim'];
var myNumberArray = [10,15,40];

当数组被定义后，您可以使用如下所示的语法来访问各自的值

myNameArray[0]; // should return 'Chris'
myNumberArray[2]; // should return 40

• Object

　　　　在编程中，对象是现实生活中的模型的一种代码结构。您可以有一个简单的对象，代表一个停车场，并包含有关其宽度和长度的信息，或者您可以有一个代表一个人的对象，并包含有关他们的名字，身高，体重，他们说什么语言，如何说 你好，他们，等等。

var dog = { name : 'Spot', breed : 'Dalmatian' };
dog.name

获得字符串的长度

var browserType = 'mozilla';
browserType.length;
   7

检索特定字符串字符

browserType[0];

browserType[browserType.length-1];

在字符串中查找子字符串并提取它

browserType.indexOf('zilla');

　　res.indexOf('lla')
　　4 //是从位置4开始的

　　

res.slice(2)//从位置2提取字符串
"zilla"

Changing case

var radData = 'My NaMe Is MuD';
radData.toLowerCase();
radData.toUpperCase();

更新

browserType.replace('moz','van');

在这个练习中，我们有英国城市的名字，但是这个大写字母都搞砸了。 我们希望你改变它们，使它们都是小写字母，除了首字母。 一个很好的方法是：

1. 将输入变量中包含的整个字符串转换为小写，并将其存储在新变量中。
2. 在此新变量中获取字符串的第一个字母并将其存储在另一个变量中。
3. 将此最新变量用作子字符串，将小写字母的第一个字母替换为小写字母的第一个字母，更改为大写。 将此替换过程的结果存储在另一个新变量中。
4. 将结果变量的值更改为最终结果，而不是输入。

数组

数组——一种将一组数据存储在单个变量名下的优雅方式

var sequence = [1, 1, 2, 3, 5, 8, 13];//构建一个数组
shopping[0];//访问
shopping[0] = 'tahini';//修改
sequence.length;
//这有其他用途，但最常用来告诉循环，直到它循环遍历数组中的所有项
var sequence = [1, 1, 2, 3, 5, 8, 13];
for (var i = 0; i < sequence.length; i++) {
  console.log(sequence[i]);
}

字符串和数组之间的转换

var data = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
var myarray = data.split(',');
myarray;
  ["Manchester", "London", "Liverpool", "Birmingham", "Leeds", "Carlisle"]
myarray.length;
6
//可以使用join()方法进行相反的操作
var myNewString = myArray.join(',');
myNewString;

 

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';  
    var contact = JSON.parse(jsontext);  //使用 JSON.parse 将 JSON 字符串转换为对象
    console.log(contact)
VM916:3 Object {firstname: "Jesper", surname: "Aaberg", phone: Array[2]}

JavaScript：改变 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

改变 HTML 样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

判断语句（if...else）

if(条件)
{ 条件成立时执行的代码 };
else
{ 条件不成立时执行的代码 };

函数

function 函数名()
{
     函数代码;
}

输出内容（document.write）

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。
</script>

第二种:通过变量，输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名，输出变量存储的内容。
</script>

第三种:输出多项内容，内容之间用+号连接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");

警告（alert 消息对话框）

alert(字符串或变量);