個人js學習總結-陣列字串的轉換join()、split()
<script> //contat()用於連結兩個及以上陣列,但不改變現有的陣列,僅僅返回被連線陣列的一個副本 var arr01 = [1,2,3]; var arr02 = ["a","b","c"]; arr01.contat(arr02); //結果為[1,2,3,"a","b","c"] //陣列轉化為字元 //join[]將陣列各個元素通過指定的分隔符進行連線成一個字串 //陣列明.join(符號); var arr03 = ["aa","bb","cc"]; console.log(arr03.join("/")); //輸出的是:aa/bb/cc //把字串轉換為陣列,使用split(),把一個字串分割成字串陣列 var arr04 = "aa-bb-cc"; console.log(arr04.split("-")); //符號保持一致 </script>
相關推薦
個人js學習總結-陣列字串的轉換join()、split()
<script> //contat()用於連結兩個及以上陣列,但不改變現有的陣列,僅僅返回被連線陣列的一個副本 var arr01 = [1,2,3]; var arr02 = ["a","b","c"]; arr01.contat(arr02); //結果為[1
個人js學習總結-陣列內容的新增和刪除的方法-push()、unshift()、pop()、shift()
<script> var arr = [1,2,3,4,5]; //新增陣列內容 //1、使用push()可以向陣列的末尾新增一個及一個以上的元素,並返回新的長度,把6放到最後面 arr.push(6); console.log(arr.push(6));//返回
JS學習筆記之字串及陣列方法
在學習js過程中需要經常操作字串以及陣列並且它們存在很多方法。而這些方法需要我們學習者很熟練的掌握。以便我們能更好的解決問題。 陣列的變異方法:棧方法(後進先出) pop()刪除陣列的最後一項 放回移除的那項 push()在陣列末尾增加一項 返回增加後陣列的長度 佇列方法(先進先出) shift()
個人js學習例項-求陣列的平均值
<script> //求陣列的平均值 var arr = [1,2,3,4,5,6]; //建立一個名為avg引數魏array的函式 var avg = function (array) { //將array的長度賦給len
JS 將陣列字串轉換成陣列的方法
var str = "[11, 22, 33]"; var arrEval = eval(str); var arrParse = JSON.parse(str); console.log("arrEval is: " + arrEval); console.log("arrParse is: "
js學習總結----經典小案例之選項卡
scrip ges div 視頻內容 mil line 學習總結 images ul li <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
js學習總結----Date和應用
color spa += form format second fun ext 效果 獲取當前自己電腦的時間:不能做重要的用途,例如淘寶秒殺 var time = new Date(); // 時間格式數據 (對象數據類型) 下面是格式化時間的方法 <!D
js學習總結----函數
索引 知識 結束 開始 總結 小括號 接收 ons 設定 一、函數基本知識 1、function:函數->具備某個功能的一個方法。方法本身是沒有什麽意義的,只有執行這個方法實現了對應的功能才有自己的價值。 2、函數由兩部分組成:創建一個函數、執行這個函數 fun
js學習總結----深入擴展原型鏈模式常用的六種繼承方式
模式 temp 枚舉 又是 reat 缺點 解決 his obj 一、可枚舉和不可枚舉 for in 循環在遍歷的時候,默認的話可以把自己私有的和它所屬類原型上的擴展的屬性和方法都可以遍歷到,但是一般情況下,我們遍歷一個對象只需要遍歷私有的即可,我們可以使用以下的判斷進行處
js學習總結----函數的三種角色
也有 {} pro -- 之間 fin bsp fine ons 註意:Function.prototype是函數數據類型的值,但是相關操作和之前的一模一樣->Empty/anonymous 函數本身也會有一些自己的屬性: length :形參的個數 nam
js學習總結----call方法深入
pro 是我 學習總結 type 模擬 eva -- tex span var obj = {name:"張三"} function fn(){ console.log(this) } fn
js學習總結----call和apply和bind的區別
style 效果 兩個 是我 define 學習 處理 blog call() apply和call的方法是一模一樣的,都是用來改變方法的this關鍵字,並且把方法執行:而且在嚴格模式和非嚴格模式下對於第一個參數是null/undefined這種情況的規律是一樣的; bin
js學習總結----正則的作用
prot ole -- ons 一個 創建 區別 regexp 我們 一、正則:就是一個規則,用來處理字符串的一個規則(正則就是用來處理字符串的) 處理: 1)、匹配 判斷一個字符串是否符合我們制定的規則->test reg.test(str)
js學習總結----小案例之跑馬燈
htm function 微博 border ron == 內容 rip gree 具體代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
js學習總結----設置元素的樣式值setcss
默認 div function ret ttr lte fun wid ott 在JS給元素設置樣式屬性值,我們只能通過curEle.style[attr] = value 這種方式給元素設置行內樣式 下面封裝一個給當前元素的某一個樣式屬性設置值的方法(增加在行內樣式上的)
js學習總結----動畫之在指定時間內實現單方向勻速運動
mar eight 思想 offset line ack css += hang 具體代碼如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
js學習總結----輪播圖的插件化封裝
rem class 私有屬性 display settime req rda als image 具體代碼如下: ~function(){ function AutoBanner(curEleId,ajaxURL,interval){ //把之前存
js學習總結----jQuery之動畫 ajax 事件
win 學習總結 top 上一個 淡出 set 返回 ati var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
js學習總結----核心解讀
log style 簡單 對象 charset color pan 通過 const 下面是對jquery源碼的簡單解讀: <!DOCTYPE html> <html lang="en"> <head> <meta cha
js學習總結----DOM2兼容處理順序問題
all for his 當前 this code use func 指向 解決順序問題:我們不用瀏覽器自帶的事件池了,而是自己模擬標準瀏覽器的事件池實現,具體代碼如下: /* bind:處理DOM2級事件綁定的兼容性問題(綁定方法) @parameter: