javaScript基础array：必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。 newelement

js简介

JavaScript 能够改变 HTML 内容

JavaScript 能够改变 HTML 属性

JavaScript 能够改变 HTML 样式 (CSS)

JavaScript 能够隐藏 HTML 元素

JavaScript 能够显示 HTML 元素

JS使用

每一行代码结尾要写分号

内部使用

可位于 <body>和<head>中 js代码写在<script>和</svripe>标签中间
外部使用

创建xxxx.js文件在<scripe>标签的scr属性中设置创建文件的相对地址可以在 <body>和<head>引用

JS输出

使用alert()写出警告框警告框输入prompt("输入一个数字"，“默认值”)返回为字符串
使用document.write('<标签名> </标签名>')写入html输出
使用console.log()写入浏览器控制台

JS变量弱数据类型语言用var定义变量

基本数据类型： number string boolean undefined null(空对象)
引用数据类型：数组对象

typeof仅用于检测基本数据类型写法为typeof(a)或者typeof a

控制台中蓝色字代表number类型黑色字代表string类型

变量名不可以使用关键字和保留字的名

变量名定义规则

变量名包括：数字字母下划线 $;
变量名首位可为：字母下划线 $;

JS运算

加法运算：

number出现，简单的加法运算

有string出现则变为字符窜拼接

boolean中true为1，false为0
减法运算，乘法运算，除法运算

number类型进行简单的减乘除运算

非number类型如果能转化成number类型则进行简单的减乘除运算
如果转化成number类型结果为NaN 则最终结果即为NaN

NaN意为not a number

取余 %

取反 !x

==判断数值相等

===判断数值和数据类型相等

JS条件判断

   var age = 10;
   if (age < 12) {
     console.log('儿童')
   } else if (age >= 12 && age< 30 ) { // 12<=a<30
     console.log('青年')
   } else {
     console.log('老年')
   }

    // ？ ： 三目运算符
    // a<b ? true : false
    var tag = age < 12 ? '儿童' : '非儿童'

  var condition = 2;
  switch(condition) { 
    case 4:
    alert("c的值是4");
    break;
    case 3:
    alert("c等于3");
    break;
    case 2:
    alert("c等于2");
    break;
	case 1:
    alert("c是1");
    break;
    default:
    alert('other')
  }
// case里面的条件是否符合switch括号里的条件  把表达式的值与每个 case 的值进行对比
  age = 20;
  switch(false) {
    case age < 12:
    console.log('儿童')
    break
    case age >=12 && age < 30:
    console.log('青年')
    break
    case age >= 30:
    console.log('老年')
    break
  }

js函数

函数的两种写法

fn();//错误语句 调用不可在函数前 is not a function
var fn = function() {
   console.log('12345')
}
fn();//调用可在函数后

 fun(); //函数提升

 // 定义函数 function 方法名
 function fun() {
   console.log('haha')
 }
 // 函数的调用
 fun()

  // 形参
 function add(x, y) {
   return x+y // 直接返回,return 后面的语句不会执行
   console.log('heheh')
 }

 // 实参
 add(1,2)

js变量提升

只有通过var定义的变量才会发生变量提升

全局变量：自定义函数外变量和没有通过var定义的变量

局部变量：自定义函数内变量

全局作用域里无法调用局部变量

局部作用域里可以调用全局变量

    var c = 3 
    function fun1() {
      var i = 1 ; //局部变量
      // var c 
      console.log(c) // undefined
      var c = 5;
      console.log(c) // 5
    }
    fun1()

js数组

定义数组的两种方法

var arr = [];

var arr1 = new Array();

数组赋值的方法

第一种定义数组赋值的方法

var arr2 = [1,2,3];//不要求赋的每一个值为统一基本类型

第二种定义数组赋值方法

var arr3 = new Array(1,2,4)//这种好像不能取某个值
//或者
var arr4 = new Array(4)//创建一个长度为4的数组
arr4[0] = 123;//赋值
arr4[1] = 124;

方法

var arrayObject=new Array;

concat 原本数组不会改变返回新的数组

arrayObject.concat(arrayX,arrayX,......,arrayX)

array：必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值：返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

说明：该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

push 会改变原有数组返回数组的长度

arrayObject.push(newelement1,newelement2,....,newelementX)

newelement1：必需。要添加到数组的第一个元素。

newelement2：可选。要添加到数组的第二个元素。

newelementx：可选。可添加多个元素。

返回值：把指定的值添加到数组后的新长度。

说明：push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

pop 会改变原数组返回删除的元素

arrayObject.pop()

返回值：arrayObject 的最后一个元素。

说明：pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。改变了原数组。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

unshift 会改变原数组返回新数组的长度

arrayObject.unshift(newelement1,newelement2,....,newelementX)

newelement1：必需。要添加到数组的第一个元素。

newelement2：可选。要添加到数组的第二个元素。

newelementx：可选。可添加多个元素。

返回值：arrayObject 的新长度。

说明：unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。

请注意，unshift() 方法不创建新的创建，而是直接修改原有的数组。

shift 会改变原来的数组返回删除的元素

arrayObject.shift()

返回值：数组原来的第一个元素的值。

说明：该方法会改变数组的长度。即会改变原数组。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

slice 不会改变原来数组返回一个新的数组

arrayObject.slice(start,end)

start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值：返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

说明：slice() 方法可从已有的数组中返回选定的元素。请注意，该方法并不会修改数组，而是返回一个子数组。

splice 会改变原有数组返回删除的数组

arrayObject.splice(index,howmany,item1,.....,itemX)

index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置

howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1,.....,itemX：可选。向数组添加的新项目。

返回值：如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

说明：原数组会改变

reverse 会改变原数组返回改变后的数组

arrayObject.reverse()

reverse() 方法用于颠倒数组中元素的顺序。

该方法会改变原来的数组，而不会创建新的数组。

sort 会改变原数组

    // sort() 对数组排序 会改变原数组 
    // sort() 如果不传值 会按照字典序进行排列
    function s1(a,b) {
      // return a-b; //升序排列
      return b-a; //降序排列
    } 

    var b6 = [31,12,1,26,9,0, 2,37];
    // var b7 = b6.sort(s1);
    // console.log(b6);
    // console.log(b7);
    var b8 = b6.sort();
    console.log(b8);

join 不会改变原来数组返回字符串

arrayObject.join(separator)

separator：可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

返回值：返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

说明：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

toString 不会改变原来数组

    // toString 将数组转换成字符串 中间用,分割
    var c1 = ['hello', 'world'];
    var c2 = c1.toString();
    console.log(c1);
    console.log(c2);

js对象

定义对象的两种方式

var obj = {};

var obj1 = new Object();

对象的赋值方法

第一种定义对象的赋值与获取方法

    var person = {
      name: 'xm', // key: value
      age: 18,
      height: '180cm', //person.height person['height']
      weight: '180kg',
      p: 'xxx',
      eat: {
        fruit: 'apple'
      },
      sleep: function() {
        console.log('huhuhu..');
      }
    }
    console.log(person.eat.fruit);
    console.log(person.name);
    console.log(person.age);
    person.eat();
    person.sleep();
    console.log(person['name']);

  var obj = {
      property: 'value'
    }
    obj.name = 'zs';
    console.log(obj.name);

   var p1 = {
      name: 'll',
      age: 19
    }
    // 获取对象下属性的方法 
    var tmp = 'name';
    console.log(p1.name);//11
    console.log(p1['name']);//11
    console.log(p1[tmp]);//11

第二种定义对象的赋值与获取方法

    var obj1 = new Object();
    obj1['name'] = 'zs';
    obj1['age'] = 20;

JS数组对象赋值

基本数据类型的赋值就是把值进行赋值存在栈里

引用数据类型的赋值是把地址进行赋值如果修改其中一个的内容另一个也会跟着修改地址存在栈里值存在堆里

js里的内置对象

Array

Object

Math

Date

JS Math

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。

方法

Math.floor(x)

x：必须，任意数值或者表达式

返回值：小于等于 x，且与 x 最接近的整数。

Math.ceil(x)

x：必须，必须是数值

返回值：大于等于 x，并且与它最接近的整数。向上取整。

Math.round(x)

x：必须，必须是数字

返回值：与 x 最接近的整数即四舍五入

Math.random()
Math.random()*100

返回值：0.0 ~ 1.0 之间的一个伪随机数。

返回值：0~100之间的一个伪随机数。

Math.max(x,.,.,.)

x：0 或多个值。在 ECMASCript v3 之前，该方法只有两个参数。

返回值：参数中最大的值。如果没有参数，则返回 -Infinity。如果有某个参数为 NaN，或是不能转换成数字的非数字值，则返回 NaN。

Math.pow(x,y)

x：必需。底数。必须是数字。

y：必需。幂数。必须是数字。

返回值：x 的 y 次幂。

JS Date对象

方法 9个

Date()

返回值：当天的日期和时间。

var d=new Date();
d.getDate();

返回值： d 所指的月份中的某一天，使用本地时间。返回值是 1 ~ 31 之间的一个整数。

var d=new Date();
console.log(d.getDay());

返回值：d 所指的星期中的某一天，使用本地时间。返回值是 0（周日）到 6（周六）之间的一个整数。

var d=new Date();//Date 对象会自动把当前日期和时间保存为其初始值。
console.log(d.getMonth());

返回值：d的月份字段，使用本地时间。返回值是 0（一月）到 11（十二月）之间的一个整数。

getFullYear()

返回值：当 d 用本地时间表示时返回的年份。返回值是一个四位数，表示包括世纪值在内的完整年份，而不是两位数的缩写形式。

getHours()/getMinutes()/getSeconds()

返回值：d的小时字段，以本地时间显示。返回值是 0 （午夜）到 23 （晚上 11 点）之间的一个整数。

返回值：d的分钟字段，以本地时间显示。返回值是 0 ~ 59 之间的一个整数。

getTime()

返回 1970 年 1 月 1 日至今的毫秒数。

JS 字符串对象方法

定义string

//第一种
var s1 = 'hello js';
//第二种
vr s2 = new String();

string对象下的方法与属性

console.log(s1.length);

replace()

替换与正则表达式匹配的子串。

不会改变原来字符串返回替换后的字符串

stringObject.replace(regexp/substr,replacement)

split()

把字符串分割为字符串数组。

不会改变原来字符串返回数组

stringObject.split(separator,howmany)

separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。

howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

slice()

不会改变原来字符串

与substring类似但是它可以传负数

indexOf()

不会改变原来字符串

检索字符串

返回检索字符串首次出现的位置如果检索的字符串没有出现则返回-1

stringObject.indexOf(searchvalue,fromindex)

searchvalue 必需。规定需检索的字符串值。

fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

lastIndexOf()

返回检索字符串最后出现的位置

substr()

不会改变原来字符串

substr(index, length)从下标index开始，截取length长度

substring()

不会改变原来字符串

substring(start, shop)截取start和stop之间的字符，不包括stop

toLowerCase()

把字符串转换为小写。

toUpperCase()

把字符串转化为大写

javaScript基础

js简介

JS使用

JS输出

JS变量 弱数据类型语言 用var定义变量

变量名定义规则

JS运算

JS条件判断

js函数

函数的两种写法

js变量提升

js数组

定义数组的两种方法

数组赋值的方法

方法

js对象

定义对象的两种方式

对象的赋值方法

JS数组对象赋值

js里的内置对象

JS Math

方法

JS Date对象

方法 9个

JS 字符串对象方法

定义string

string对象下的方法与属性

JS变量弱数据类型语言用var定义变量