Fork me on GitHub

1.字符串String

var a = "Hello"
var b = "world;
var c = a + b; 
console.log(c);  // 得到Helloworld
  1.  .length 返回长度
  2.  .trim() 移除空白
  3.  .trimLeft() 移除左边的空白
  4.  .trimRight() 移除右边的空白
  5.  .charAt(n) 返回第n个字符
  6.  .concat(value,...) 拼接
  7.  .indexOf(substring,start) 子序列位置
  8.  .substring(from,to) 根据索引获取子序列
  9.  .slice(start,end) 切片
  10.  .toLowerCase() 小写
  11.  .toUpperCase() 大写
  12.  .split(delimiter,limit) 分割

字符串使用"+"拼接

ES6中引入模板字符串。模板字符串,使用反绰号(`)标识。

// 普通字符串
`这是普通字符串!`
// 多行文本
`这是多行的
文本`
// 字符串中嵌入变量
var name = "q1mi", time = "today";
`Hello ${name}, how are you ${time}?`

 ""(空字符串)、0、null、undefined、NaN都是false。

2.对象(Object)

JavaScript中的所有事物都是对象:字符串、数值、数组、函数..此外,JavaScript允许自定义对象

对象只是带有属性和方法的特殊数据类型

数据

数组对象作用:使用单独的变量名存储一系列的值。

var a = [123, "ABC"];
console.log(a[1]);  // 输出"ABC"

 常用方法

  1.  .length 数组长度
  2.  .push(ele) 向尾部追加元素
  3.  .pop() 获取尾部元素
  4.  .unshift(ele) 向头部追加元素
  5.  .shift() 头部移除元素
  6.  .slice(start,end) 切片
  7.  .reverse() 反转
  8.  .join(seq) 将数组元素连接成字符串
  9.  .concat(val,...) 连接数组
  10.  .sort() 排序
  11.  .forEach() 将数组的每个元素传递给回调函数
  12.  .splice() 删除元素,并向数组添加新元素
  13.  .map() 返回一个数组元素 调用 函数处理后的值的新数组

forEach()

语法:

forEach(function(currentValue, index, arr), thisValue)

 参数:

currentValue 必需。当前元素

index 可选。当前元素的索引值

arr 可选。当前元素所属的数组对象

thisValue 可选。传递给函数的值一般用 "this"值。如果这个参数为空,"undefined" 会传递给 "this"值

splice()

语法:

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

 

参数:

index 必需。规定从何处添加/删除元素。该参数是开始插入和删除的数组元素的下标,必须是数字。

howmany 必需。规定应该删除多少元素。必须是数字,但可以是"0"。如果未规定此参数,则删除从index开始到原始数组结尾的所有元素。

item1,....,itemX 可选。要添加到数组的新元素

map()

语法:

map(function(currentValue,index,arr), thisValue)

 参数:

currentValue 必需。当前元素

index 可选。当前元素的索引值

arr 可选。当前元素所属的数组对象

thisValue 可选。传递给函数的值一般用 "this"值。如果这个参数为空,"undefined" 会传递给 "this"值

3.函数

// 普通函数定义
function f1() {
  console.log("Hello world!");
}

// 带参数的函数
function f2(a, b) {
  console.log(arguments);  // 内置的arguments对象
  console.log(arguments.length);
  console.log(a, b);
}

// 带返回值的函数
function sum(a, b){
  return a + b;
}
sum(1, 2);  // 调用函数

// 匿名函数方式
var sum = function(a, b){
  return a + b;
}
sum(1, 2);

// 立即执行函数
(function(a, b){
  return a + b;
})(1, 2);

 ES6中允许使用"箭头”(=>)定义函数

var f = v =>v;
// 等同于
var f = function(v){
     return v;  
}

 如果箭头函数不需要参数或需要多个参数,就是用圆括号代表参数部分

var f = () => 5;
// 等同于
var f = function() {return 5};

var sum = (num1,num2) => num1 + num2;
// 等同于
var sum = function(num1,num2){
     return num1 + num2;
}

 函数只能返回一个值,如果要返回多个值,只能将其放在数组或对象中返回。

 

posted on 2018-09-07 16:06  anyux  阅读(143)  评论(0)    收藏  举报