1. 程式人生 > >《JavaScript高階程式設計(第3版)》 第三天 引用型別

《JavaScript高階程式設計(第3版)》 第三天 引用型別

/*======================================================
*@author wf_Huang
*@Time 2018/9/18 20:06
*=======================================================
*@function  基於一串陣列 新增一個或者多個生成一個數組
*=====================================================*/

var colors = ['red','green' ,'blue'] ;
var colors2 = colors.concat('yellow',['black','brown']);
console.log(colors);//[ 'red', 'green', 'blue' ]

console.log(colors2);//[ 'red', 'green', 'blue', 'yellow', 'black', 'brown' ]

/*======================================================
*@author wf_Huang
*@Time 2018/9/18 20:15
*=======================================================
*@function  複製一個數組去除期中一個或者多個
*=====================================================*/
var colors3 = colors2.slice(2) ;
var colors4 = colors2.slice(1) ;
var colors5 = colors2.slice(1,3) ;
console.log(colors3);//[ 'blue', 'yellow', 'black', 'brown' ]
console.log(colors4);//[ 'green', 'blue', 'yellow', 'black', 'brown' ]
console.log(colors5);//[ 'green', 'blue' ]

/*======================================================
*@author wf_Huang
*@Time 2018/9/18 20:28
*=======================================================
*@function  位置方法 拿到對應值的下標
*  indexOf從前數的第一個 lastIndexOf從後數的第一個
*=====================================================*/
var numbers = [1,2,3,4,5,6,7,8,9,4]  ;
console.log(numbers.indexOf(4)); //3
console.log(numbers.lastIndexOf(4)); //9
console.log(numbers.lastIndexOf(10)); //-1  不存在


/*======================================================
*@author wf_Huang
*@Time 2018/9/18 20:36
*=======================================================
*@function  迭代方式
*=====================================================*/
var everyResult = numbers.every(function (item,index,array) {
    return (item > 4) ;
}) ;
console.log(everyResult); //false 所有返回都是true 時  返回值就為true

var someResult = numbers.some(function (item,index,array) {
    return (item > 4) ;
})

console.log(someResult); //true 有一個返回都是true 時  返回值就為true

var filterResult = numbers.filter(function (item,index,array) {
    return (item > 4) ;
})

console.log(filterResult); //[ 5, 6, 7, 8, 9 ] 返回大於4的陣列


var mapResult = numbers.map(function (item,index,array) {
    return (item * 2) ;
})

console.log(mapResult); //[ 2, 4, 6, 8, 10, 12, 14, 16, 18, 8 ] 可迴圈每一個進行操作

numbers.forEach(function (item,index,array) {
    console.log(item);
}) ;

//RegExp 這一章涉及到正則  後面單獨用一個章節來梳理