JavaScript归纳

在freecodecamp上学习JS基础,并进行归纳总结

1. 数组的常用方法:

pop():从数组中把 最后一个 元素删除,并返回这个元素的值
push():在数组 末尾 添加一个或更多元素,并返回新的长度
shift():从数组中把 第一个 元素删除,并返回这个元素的值
unshift():在数组 开头 添加一个或更多元素,并返回新的长度

2. 对象属性:

(1) hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。

var myObj = {
    top: "hat",
    bottom: "pants"
};
myObj.hasOwnProperty("top");    // true
myObj.hasOwnProperty("middle"); // false

(2) isPrototypeOf:是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。

3.Math函数

Math.floor():向下取整计算,它返回的是小于或等于函数参数,并且与之最接近的整数。
Math.random():产生[0, 1)范围的小数

var randomNumberBetween0and19 = Math.floor(Math.random() * 20);

4.数组

(1) map()

var oldArray = [1, 2, 3];
var timesFour = oldArray.map(function(val){  
  return val * 4;
});
console.log(timesFour);// returns [4, 8, 12]
console.log(oldArray); // returns [1, 2, 3]

(2) reduce():应用一个函数针对数组的两个值(从左到右),以减至一个值

var array = [4,5,6,7,8];
var singleVal = 0;

singleVal = array.reduce(function(previousVal, currentVal) {
  return previousVal + currentVal; //求和
}, 0);

(3) filter()

var oldArray = [1,2,3,4,5,6,7,8,9,10];
var newArray = oldArray.filter(function(val) {
  return val < 6;
});

(4) sort():对数组排序

var array = [1, 12, 21, 2];
array.sort(function(a, b) {
  return a < b;
});

(5) reverse():将数组逆序

var array = [1,2,3,4,5,6,7];
var newArray = [];
newArray = array.reverse();

**(6) concat() ** 连接数组

var oldArray = [1,2,3];
var newArray = [];
var concatMe = [4,5,6];
newArray = oldArray.concat(concatMe);

(7) split():分隔字符串,并存储在数组中

var string = "Split me into an array";
var array = [];

array = string.split(' ');

(8) join():将数组连接成字符串

var veggies = ["Celery", "Radish", "Carrot", "Potato"];
var salad = veggies.join(" and ");
console.log(salad); // "Celery and Radish and Carrot and Potato" 

**(9) slice() : ** 可从已有的数组中选取指定范围的元素。

arrayObject.slice(start,end)

**(10)splice(): 数组中添加/删除项目,然后返回被删除的项目。
**

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

index: 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX:可选。向数组添加的新项目。

**(11) indexOf(): **返回某个指定的字符串值在字符串中首次出现的位置

stringObject.indexOf(searchvalue,fromindex)

(12) js数组与字符串操作

function reverseString(str) {
  var arr = str.split("");  // 字符串转数组
  return arr.reverse().join("");  // 数组转字符串
}
reverseString("hello");  // 输出 "olleh"

你可能感兴趣的:(JavaScript归纳)